Question

选择文字，然后点击＆＃39; PRINT＆＃39;。然后按＆＃39;输入＆＃39;键。两个事件被解雇了keydown和keypress。

现在评论window.print，只触发一个事件＆＃39; keydown＆＃39;

这是Chrome中的预期行为吗？

<body>
    <div id="print_key" style="display:block;-webkit-user-select:none;-moz-user-select: none;user-select:none">
        PRINT
    </div>
    <div id="txbx" contenteditable=true>
        <p>
            <span>Select this text. Then click on PRINT and press (char / enter) key.</span>
        </p>
    </div>
</body>
<script>
    var printKey = document.getElementById('print_key');
    printKey.addEventListener("click", clickHandler, false);
    printKey.addEventListener("keydown", keyDownHandler, false);
    printKey.addEventListener("keypress", keyPressHandler, false);
    printKey.setAttribute('tabIndex', -1);
    function clickHandler(event) {
        document.getElementById('print_key').focus();
    }
    function keyDownHandler(event) {
        console.log('key down on print key')
        event.preventDefault();
        event.stopPropagation();
        window.print();
    }
    function keyPressHandler(event) {
        console.log('keypress on print key')
        event.preventDefault();
        event.stopPropagation();
    }
</script>

我的观察： -

在keydown上的firefox event.preventDefault（）会阻止keypress
在keydown中的chrome event.preventDefault（）中，当没有调用window.print时，会阻止按键，否则调用keypress

为什么仅通过调用window.print来表现这种差异？

Answer 1

移动event.preventDefault（）;在window.print之后，只会解雇keydown

keydown，window.print上的按键事件

1 个答案: