2

我正在处理 mousedown 和 oncontextmenu 事件以防止文本和图像选择、右键单击和拖动。代码如下 -

<body oncontextmenu="return false;" onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false"> 
    <input type="text" name="testInput" id="testInput">
</body>

我想问题是它也阻止了对输入元素的关注，因为我阻止了 onmousedown 事件的默认值和返回 false，所以它不会让控制切换到输入焦点，所以我不能在里面输入任何东西。我尝试通过以下代码对其进行调试。

<script type="text/javascript">
    $(function(){
        $( "#testInput" ).on("focus",function(){
           console.log("input focused");
        });
    });
</script>

当我从正文中删除 onmousedown 属性时，它在 cosole 上给了我所需的消息。

任何帮助...在此先感谢。

4

1 回答 1

1

您可以检查 mousedown/contextmenu 事件是否发生在任何内部元素上，如果发生则允许默认操作，如果不阻止默认操作，请使用以下命令

document.getElementsByTagName("div")[0].addEventListener("mousedown",function(e){
    if(e.target.id=="testInput"){

    } else{
      e.preventDefault();
    }

});

document.getElementsByTagName("div")[0].addEventListener("contextmenu",function(e){
    if(e.target.id=="testInput"){

    } else{
      e.preventDefault();
    }

});

检查小提琴

于 2014-09-16T08:11:53.807 回答