jquery移除、绑定、触发元素事件使用示例详解

复制代码

代码如下:

unbind(type

[,data])

//data是要移除的函数

$('#btn')unbind("click");

//移除click

$('#btn')unbind();

//移除所有

对于只需要触发一次的，随后就要立即解除绑定的情况，用one()

复制代码

代码如下:

$('#btn')one("click",function(){});

触发 *** 作

trigger()

方法触发被选元素的指定事件类型。

复制代码

代码如下:

$('#btn')trigger("click");

也可以直接执行事件

复制代码

代码如下:

$('#btn')click();

触发自定义事件

bind()

方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。

复制代码

代码如下:

$('#btn')bind("myclick",function(){});

模拟触发上面的绑定函数

复制代码

代码如下:

$('#btn')trigger("myclick");

传递数据trigger(event,[param1,param2,])

复制代码

代码如下:

$('#btn')bind("myclick",function(event,message1,message2){});

$('#btn')trigger("myclick",["传给message1","传给message2"]);

触发执行默认 *** 作

复制代码

代码如下:

$("input")trigger("focus");

//不仅会触发input元素绑定的focus事件，还会触发默认 *** 作——得到焦点

只触发绑定事件，不执行浏览器默认 *** 作

复制代码

代码如下:

$("input")triggerHandler("focus");

//只触发绑定事件，不执行浏览器默认 *** 作

其他用法

绑定多个事件类型

复制代码

代码如下:

$("div")bind("mouseover

mouseout",function(){});

添加事件命名空间

复制代码

代码如下:

$("div")bind("clickplugin",function(){});

在所绑定的世界类型后面添加命名空间，这样在删除事件时只需要指定命名空间即可。

复制代码

代码如下:

$("div")unbind("plugin");

//删除空间内的事件

$("div")trigger("click!");

//触发所以不包含在命名空间中的click方法

如果包含在命名空间的也要触发

复制代码

代码如下:

$(“div”)trigger(“click”);

取消或者绑定函数

复制代码

代码如下:

$('div')bind('click',

RecommandProduct);//为div绑定RecommandProduct

函数

$('div')unbind('click',

RecommandProduct);//取消RecommandProduct

函数

点击事件click和on('click'） 两者之间的区别 

第1种事件

$('XX')click('xxx',function() { alert('xxx') });

第2种事件

$('XXX')on('click','xxx', function() { alert('xxx') })

click是点击事件，但是在页面加载完之后，jquery事件新添加的元素，用click的话是无法获取元素的，这个时候要用on去获取元素事件，简单的说页面加载完成时候页面显示的元素可以用on，也可以用click，但是页面加载完成之后后期再追加的元素只能用on。

这两个事件的区别之处在于:

简单的说页面加载完成时候页面显示的元素（DOM节点已全部加载完）可以用on， 也可以用click，

但是在页面加载完成之后后期再追加元素（DOM节点元素还没完全显示出来）只能用on

解释一下：

$('AAA')on('click','bbb', function() { alert('bbb') })

获取class 为bbb元素的上一级（或父级）元素，选择click的方式，执行回调函数function ()并运行d出元素bbb,这里的on,元素bbb如果没全部加载出来。没有直接获取到class为bbb的元素，这个时候它就会去找上一级（或父级）的元素，然后在从上一级（或父级）往下接着再执行，就会找到class为bbb的元素了，就触发了点击事件，并执行事件里面的函数啦 ~

$("p")on("click",function(){

alert("段落被点击了。");

});

<div id=test contenteditable=true></div>

<script>

windowonload=function(){

   documentgetElementById("test")onkeydown=function(e){

      //当前元素是(e||event)currentTarget

      consolelog((e||event)currentTarget);

      //标签名称是(e||event)currentTargettagName

      consolelog((e||event)currentTargettagName);

   }

}

</script>

以上就是关于jquery移除、绑定、触发元素事件使用示例详解全部的内容，包括:jquery移除、绑定、触发元素事件使用示例详解、点击事件click和.on('click'） 两者之间的区别、js 触发onkeydown事件时候，获取光标所在元素或者获取光标所在标签名称等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！