jquery之事件添加和取消

来源：互联网发布：sql 判断是否在一天内编辑：程序博客网时间：2024/06/13 18:54
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>jquery事件操作</title>    <script type="text/javascript" src="../jquery-3.2.1.min.js"></script>    <!--     on():添加系统的事件     off():取消系统的事件     -->    <script type="text/javascript">    // $(function(){    //  $('div').click(function(){    //      alert('123');    //  });    // })    // $(function(){    //  $('div').on('click',function(){    //      alert('123');    //  })    // })    // $(function(){    //  $('div').on('click mouseover',function(){    //      alert('123');    //  })    // })    // $(function(){    //      $('div').on({    //          'click':function(){alert('123');},    //          'mouseover':function(){alert('abc');}// 添加事件的另一种写法    //          });    //          $('div').off("mouseover")  //如果里面没有参数就默认取消所有的事件，否则取消参数有关的事件,例如取消mouseover事件    //   })      //ev是event事件    //以下是事件的细节    $(function(){        $('div').click(function(ev){        //ev.pageX:类似JS中的clientX （相对于可视区），但ev.pageX（相对于文档（文档=可视区+滚动条））都表示鼠标的坐标        //ev.which:类似keycode,键盘的键值        //ev.preventDefault():阻止默认事件        //ev.stopPropagation():阻止冒泡事件        //若在ev中最后有return false，则表示既阻止默认事件也阻止冒泡事件        // one():表示这个事件只执行一次。例如：            //  $('div').one('click',function(){            //      alert('123');})   one取代上面的on        })    })    </script></head><body>    <div>div</div>    <span>span</span></body></html>
阅读全文
0 0