【Javascript】【事件】阻止元素默认的事件行为

在这里插入图片描述
如图所示,这是一个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>

这下当我们再双击时,就不会出现文本被选中的情况了
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u013718730/article/details/90477621
今日推荐