事件解绑与事件触发

绑定事件都知道用on或者bind,当然on用的多,那么想要解除事件呢?

写一个小的例子,点击按钮,下面的a元素被触发点击事件:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        a{text-decoration: none;}
    </style>
</head>
<body>
   <input type="button" id="btn" value="点击"/><br>
   <a  href="javascript:void(0)">我是被触发的对象</a>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
    $(function(){
        $("a").click(function(){
            alert("哈哈")
        });
        $("#btn").on("click",function(){
            //$("a").click();//方法一
            $("a").trigger("click")//方法二
        })

    })
</script>
</html>

click事件是比较早的写法,而trigger(触发)也是另一种比较新的方法。当然都可以实现效果。

这是绑定了点击事件,那解绑的话就用到了off:

<script src="js/jquery-1.11.3.min.js"></script>
<script>
    $(function(){
        //解除事件
        $("a").on("click,mouseenter",function(){
            alert("哈哈")
        });
      $("a").off();//解除匹配元素的所有事件
         $("a").off("click");//解除匹配元素的所有click事件
})
</script>

好了,以上off就是接触事件的方法。

原文地址:https://www.cnblogs.com/web001/p/8467485.html

时间: 2024-10-14 10:30:02

事件解绑与事件触发的相关文章

JQuery的事件委托;jQuery注册事件;jQuery事件解绑

一.事件 ①事件委托:就是给子元素的父元素或者祖先元素注册一个事件,但是事件的执行者是子元素,委托事件的好处是能够给动态创建出来时元素也加上事件. ②简单事件:就是给自己注册事件自己执行动态创建出来的事件不会有事件. ③使用方法:$("span").on("click",function(){alert("这是一个简单事件");}): $("div").on("click", "span"

JavaScript事件解绑的方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="按钮" id="bt"/> <input type=

事件解绑removeEventListener

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

jquery绑定事件,解绑事件

unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用bind()注册的自定义事件取消绑定.如果提供了事件类型作为参数,则只删除该类型的绑定事件.如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除.返回值 : jQuery参数 :type (String) : (可选) 事件类型data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事件处理函

219 jQuery事件处理: off() 解绑事件,trigger() 、triggerHandler() 自动触发事件

? 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑.jQuery 为我们提供 了多种事件解绑方法:die() / undelegate() / off() 等,甚至还有只触发一次的事件绑定方法 one(),在这里我们重点讲解一下 off() ; 语法 演示代码 <body> <div></div> <ul> <li>我们都是好孩子</li> <li>我们都是好孩子<

jquery中的DOM事件绑定与解绑

在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑定与事件解绑. 1 $(document).on('click.endEdit',function (e) { 2 if(!$(e.target).hasClass('datagrid-cell')&&e.target.tagName!="TD"){ //事件发生后的判断条

webapi中注册事件以及解绑事件

注册事件的方式有两种: 1.on + 事件名 特点:同一个元素注册同一个事件多次,后面的会把前面的覆盖 2.addEventListener(event,listener,useCapture); 参数:event:事件名 ;  listener:事件处理函数 : useCapture: 决定事件冒泡(false,默认值)还是事件捕获(true); 特点: 不存在覆盖问题,但是不支持IE6,7,8 解绑注册事件 1.on+事件名: on+事件名 = null; 2.addEventListene

从零开始学 Web 之 jQuery(六)为元素绑定多个相同事件,解绑事件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.为元素绑定多个

js中的解绑事件

//解绑事件: /* * 注意:用什么方式绑定事件,就应该用对应的方式解绑事件 * 1.解绑事件 * 对象.on事件名字=事件处理函数--->绑定事件 * 对象.on事件名字=null; * 2.解绑事件 * 对象.addEventListener("没有on的事件类型",命名函数,false);---绑定事件 * 对象.removeEventListener("没有on的事件类型",函数名字,false); * 3.解绑事件 * 对象.attachEvent