美文网首页
默认事件

默认事件

作者: 奶瓶SAMA | 来源:发表于2017-01-06 21:07 被阅读0次

事件默认行为:当一个事件发生的时候浏览器自己会做的事情,有些时候不需要这些行为,那怎么阻止?
当前这个行为是什么事件触发的,然后在这个事件的处理函数中使用return false

阻止敲空格的默认行为

        document.onkeydown= function () {
           return false;
        };

阻止右键菜单事件

        document.oncontextmenu= function () {
            alert(1);
            return false;
        }

自定义右键菜单

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        #div1{
            width: 100px;
            height: 100px;
            border: 1px solid red;
            position: absolute;
            display: none;
        }
    </style>
    <script>
        window.onload= function () {
            var div1=document.getElementById('div1');
            document.oncontextmenu= function (ev) {
                var ev=ev||event
                  div1.style.display='block';
                div1.style.top=ev.clientY+'px';
                div1.style.left=ev.clientX+'px';
                  return false;
            };
            document.onclick= function () {
                div1.style.display='none';

            };
        };
    </script>
</head>
<body>
<div id="div1"></div>
</body>
</html>

相关文章

  • 默认事件

    事件默认行为:当一个事件发生的时候浏览器自己会做的事情,有些时候不需要这些行为,那怎么阻止?当前这个行为是什么事件...

  • 默认事件

    js冒泡和捕获是事件的两种行为,使用event.stopPropagation()起到阻止捕获和冒泡阶段中当前事件...

  • stoppropagation和preventDefault

    stoppropagation 阻止事件冒泡 preventDefault 阻止默认事件 默认事件有哪些? 点击复...

  • js冒泡/捕获/默认事件/事件委托的区别

    一.默认事件-下面是一个a标签,默认具有跳转属性这就属于默认事件,怎么做到点击a标签让其不跳,去除默认事件。 二:...

  • js 元素事件行为

    阻止默认事件: 事件委托: 阻止事件冒泡:

  • socket.io自带的事件

    Socket.IO内置了一些默认事件,我们在设计事件的时候应该避开默认的事件名称,并灵活运用这些默认事件。 服务器...

  • 阻止默认事件

    话不多说直接放源码,没错,就是网上随便一搜就出来的这个!js代码: 为什么很多人试了都说没用呢?事实上很多同学喜欢...

  • 阻止默认事件

    epreventDefault(); window.event.returnvalue = false; 处理兼容...

  • 阻止默认事件

  • 阻止默认事件

    e.stopPropagation();//阻止冒泡e.preventDefault();//阻止浏览器的默认事件

网友评论

      本文标题:默认事件

      本文链接:https://www.haomeiwen.com/subject/xtuxbttx.html