Question

当我按下空格键时，请播放视频。但是，如果我也专注于“文字区域”来编写播放视频。如果我专注于textarea，我想停止播放视频。救救我！

window.onkeypress = function(e) {

    if (e.srcElement.className.indexOf('dragClass') > -1) { 
        if (e.keyCode === 1300) {
            divWidth = document.getElementById('controlBar').clientWidth;
            if (divWidth < canvas.width)
                scale = divWidth / canvas.width;
            else
                scale = 1;
            curSize += 0;
            ctx.font = curSize + 'px Arial';
            ctx.fillStyle = curColor;
            ctx.fillText(textBox.value, mouseX / scale, mouseY / scale); 
            videoDiv.removeChild(textBox);
        }
    } else if (e.srcElement.id == 'textArea') {;
    } else {
        if (e.keyCode === 32) { 
            $('.play-pause-btn-' + modalId).blur();
            if (vid.paused) {
                vid.play();
                playbtn.style.background = "url(/assets/images/common/btn_pause_black.png) 50% 50% no-repeat";
                loop();
            } else {
                vid.pause();
                playbtn.style.background = "url(/assets/images/common/btn_play_black.png) 50% 50% no-repeat";
            }

        }
        if (e.keyCode === 44) {
            previousframeStep();
        }
        if (e.keyCode === 46) {
            nextframeStep();
        }
    }

这是我的代码。

Answer 1

使用“ e.target.id”代替“ e.srcElement.id”。另外，如果textArea对象具有触发事件以执行所需操作的事件侦听器，而不是窗口对象，则更好。如果您想通过“ id”方法进行检查，则还应该在其中进行安全检查，因为并非所有对象都具有id属性，这将引发错误！

if (e.target.id && e.target.id === "textarea")\\then do whatever

当我重点关注textarea时停止播放视频

1 个答案: