如图所示,这是一个p标签,正常双击鼠标会选中文本,这是因为p标签有自己的默认事件处理 我们可以通过以下代码,来阻止默认的事件处理行为
Hello
p {
font-size: 16px;
width: 100%;
height: 20%;
background: yellow;
border: 2px red solid;
}
$(() => {
let item = document.querySelector("p");
item.onmousedown = function (e) {
e = e || event;
e.preventDefault();
};
});
这下当我们再双击时,就不会出现文本被选中的情况了