Electron: DOM에서 제거된 입력 요소는 실행 취소 스택이 비어 있을 때까지 ^Z를 사용합니다.

에 만든 2015년 12월 03일 · 3코멘트 · 출처: electron/electron

최소한의 재현: https://gist.github.com/DanielDignam/b49084941a2f731501d5

Windows 10에서 노드 4.1.1, Chrome 45.0.2454.85 및 Electron 0.35.2를 사용하고 있습니다.

첨부된 앱을 실행합니다. ^Z는 콘솔에 올바르게 보고합니다. 입력 상자에 무언가를 입력하고 버튼을 눌러 DOM에서 요소를 제거합니다. ^Z를 누르면 보고되지 않습니다. ^Z를 다시 누르고 확인하십시오.

다시 실행하여 텍스트 상자에 N 번 붙여넣으면 보고되기 전에 ^Z의 수가 N+1이라는 것을 알 수 있습니다.

이는 입력 상자가 더 이상 DOM에 없더라도 여전히 이벤트를 처리하고 있으며 Undo 스택을 비울 때까지 ^Z를 전달하지 않는다는 것을 의미합니다.

이것은 입력 필드가 사용된 다음 DOM에서 제거된 경우 응용 프로그램 실행 취소 작업이 ^Z에서 복원되지 않는 응용 프로그램에서 실행 취소를 중단합니다.

양식/입력이 없을 때 애플리케이션의 다른 상태를 취소하고 싶습니다.

<!DOCTYPE html>
<html>
<head>
    <title>Hello World!</title>
</head>
<body id='body'>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
<script>
    function removeInput(event) {
        var i = document.getElementById("foo");
        var b = document.getElementById("body");
        b.removeChild(i);
    }
    const remote = require('electron').remote;
    const Menu = remote.Menu;
    const MenuItem = remote.MenuItem;
    var template = [
        {
            label: 'Edit',
            submenu: [
                {
                    label: 'Undo',
                    accelerator: 'CmdOrCtrl+Z',
                    click: function () {
                        console.log('Undo called');
                    },
                    enabled: true
                }
            ]
        }];
    menu = Menu.buildFromTemplate(template);
    Menu.setApplicationMenu(menu);
</script>
<input id='foo' type='text'/>
<input type='button' onclick='removeInput()'/>
</body>
</html>

출처

DanielDignam

모든 3 댓글

이것은 DOM 입력을 처리할 때 Chromium의 버그입니다. 해결 방법은 메뉴의 가속기에 의존하는 대신 DOM 이벤트로 입력을 수동으로 처리하는 것이라고 생각합니다.

이 문제를 해결하려면 Chromium의 소스 코드를 파헤쳐야 하지만 너무 많은 작업입니다. Chromium에 보고하는 것도 작동하지 않을 것입니다. 왜냐하면 재생산하려면 사용자 정의 메뉴 항목을 Chrome에 추가해야 하기 때문입니다. 이는 불가능합니다.

아마 아무도 조사하지 않을 것이기 때문에 수정되지 않을 것이며 DOM의 주요 이벤트를 수신하여 이 문제를 해결할 수 있으므로 닫습니다.

zcbenz 에 2015년 12월 04일

나처럼 이 문제를 우연히 발견한 사람들을 위해: 여기 에 Chromium 버그 추적기의 문제가 있습니다. 이 문제는 작성 당시에도 여전히 수정되지 않았습니다.

evgenykochetkov 에 2018년 11월 14일

😕3

가속기 없이 메뉴 항목을 만들고 렌더러에서 Ctrl+Z 키 이벤트를 수신하여 이 문제를 해결하고 있습니다. 이것은 작동합니다. 그러나 이제 메뉴의 "실행 취소" 옆에 "Ctrl+Z" 단축키를 표시하려면 어떻게 해야 합니까?

erikjalevik 에 2019년 02월 22일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Electron: DOM에서 제거된 입력 요소는 실행 취소 스택이 비어 있을 때까지 ^Z를 사용합니다.

모든 3 댓글

관련 문제