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