你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

jQuery事件的解绑和触发

2021-12-3 20:48:37

jQuery事件的解绑和触发

off() 事件解绑

1-1 解绑全部事件处理函数
语法:元素集合.off( 事件类型 )
会把 div 的 click 事件对应的所有事件处理函数全部移除

<body>
  <div>我是div标签</div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script>
    //准备事件处理函数
    function cp1(){console.log('我是 cp1 的事件处理函数')}
    function cp2(){console.log('我是 cp2 的事件处理函数')}
    function cp3(){console.log('我是 cp3 的事件处理函数')}
    //给div元素绑定事件
    $('div')
    .click(cp1)
    .click(cp2)
    .click(cp3)
    //off()事件解绑
    $('div').off('click')
  </script>
</body>

1-2 解绑指定的事件处理函数
语法:元素集合.off( 事件类型 ,要解绑的事件处理函数)

$('div').off('click',cp2)

在这里插入图片描述

trigger() 事件触发

使用代码的方式来触发事件
语法:元素集合.trigger(事件类型)
就会触发该元素的该事件

<body>
  <div>我是div标签</div>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
  <script>
    //准备事件处理函数
    function cp1(){console.log('我是 cp1 的事件处理函数')}
    function cp2(){console.log('我是 cp2 的事件处理函数')}
    function cp3(){console.log('我是 cp3 的事件处理函数')}
    //给div元素绑定事件
    $('div')
    .click(cp1)
    .click(cp2)
    .click(cp3)
    //每1000ms触发一次
    setInterval(function(){
      //trigger()事件触发
      $('div').trigger('click')
    },1000)
  </script>
</body>

在这里插入图片描述
以上就是