事件基础六

最新推荐文章于 2024-04-07 08:00:00 发布

Mr Gong

最新推荐文章于 2024-04-07 08:00:00 发布

阅读量246

点赞数

分类专栏： DOM

本文链接：https://blog.csdn.net/GYZ_Code/article/details/77149209

版权

DOM 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

事件取消

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件取消</title>
</head>
<body>
<script type="text/javascript">

    function fn1(){


        alert(1);
    }

/*
    第一种形式的事件取消

    document.onclick=fn1;
    document.onclick=null;
*/

/*
    第二种形式事件取消

    非标准IE
    document.attachEvent('onclick',fn1);
    document.detachEvent('onclick',fn1);

    标准
    document.addEventListener('click',fn1,true);
    document.removeEventListener('click', fn1, true);
*/

</script>

</body>
</html>

阻止事件默认行为（阻止默认事件）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>阻止默认事件</title>
</head>
<body style="height:2000px">


<script>

/*
    事件默认行为：当一个事件发生的时候浏览器自己会默认做的事情

    怎么阻止默认事件默认行为

    1）当前这个行为是什么事件触发的

    3）阻止事件默认行为

      第一种绑定方式  obj.on事件名称=fn  return false

      第二种绑定方式  attachEvent       return false

                   addEventListener   preventDefault()

 */

 //取消空格键的滚动条滚动
  document.onkeydown=function (){

    return false;

  }

 //oncontextmenu  右键菜单事件 
 document.oncontextmenu=function (){

    alert(1);

    return false;//阻止默认事件之后可以自定义右键菜单
 }

document.attachEvent('oncontextmenu', function() {

    return false;
}

document.addEventListener('contextmenu', function(ev) {

    ev.preventDefault();
}

</script>

</body>
</html>

Mr Gong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
事件基础六

事件取消<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>事件取消</title></head><body><script type="text/javascript"> function fn1(){ alert(1); }/* 第一种形式的事件取消
复制链接

扫一扫