jquery移除事件,绑定事件,触发事件

$(‘.gcddfadf-btn-pay‘).unbind(‘click‘);//移除绑定事件

$(‘.gcddfadf-btn-pay‘).bind(‘click‘,function(){});//绑定事件
$(‘.gcddfadf-btn-pay‘).trigger(‘click‘);//触发事件

触发自定义事件
bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。

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

模拟触发上面的绑定函数
$(‘#btn‘).trigger("myclick");

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

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

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

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

  2.  

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

触发执行默认操作

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

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

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

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

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

 

原文地址:https://www.cnblogs.com/lvxisha/p/9939676.html

时间: 2024-08-01 20:03:18

jquery移除事件,绑定事件,触发事件的相关文章

jquery移除、绑定、触发元素事件

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger() 方法触发被选元素的指定事件类型. $('#btn').trigger("clic

jQuery中的live绑定多个事件整理

在1.4.0之前(不包含1.4.0)无法使用多个绑定的,单个示例为: $('.clickme').live('click', function() { // Live handler called. }); 1.4.0-1.4.2开始支持了,实例如下: $('.hoverme').live('mouseover mouseout', function(event) { if (event.type == 'mouseover') { // do something on mouseover }

jquery如何实现点击回车键触发事件

jquery如何实现点击回车键触发事件:有时候我们想点击回车的时候能够让代码去干一些事情,这个时候我们就需要判断按下的键是否是回车,下面就简单介绍一下如何实现此功能,核心代码如下: $(function (){ document.onkeydown=function(ev) { var ev =ev||window.event||arguments.callee.caller.arguments[0]; if(ev&&ev.keyCode==13) { //需要的操作代码 } } }) 代

jquery点击复选框触发事件给input赋值

体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery点击复选框触发事件给input赋值-柯乐义</title><base target="_blank" /> <sty

事件绑定和普通事件的区别

普通添加事件的方法: var btn = document.getElementById("hello"); btn.onclick = function(){ alert(1); } btn.onclick = function(){ alert(2); } 执行上面的代码只会alert 2 事件绑定方式添加事件: var btn = document.getElementById("hello"); btn.addEventListener("clic

事件绑定和普通事件有什么区别

普通添加事件的方法: var btn = document.getElementById("hello"); btn.onclick = function(){ alert(1); } btn.onclick = function(){ alert(2); } //执行上面的代码只会alert 2 事件绑定方式添加事件: var btn = document.getElementById("hello"); btn.addEventListener("cl

jquery移除onclick绑定重新绑定别的函数来执行onclick事件

本文分享了使用jquery移除前面通过onclick绑定的元素的事件,然后重新绑定别的函数来执行onclick事件. 解决方案:· 1.失败方案: $(".edit").removeAttr("onclick");//网上有些资料说jquery1.6+可以使用,但我试过不可以 2.成功方案<更适用于非button标签>: //亲测可用 $(".edit").prop("onclick",null).off(&quo

JQuery实现click事件绑定与触发方法分析

原生JS通过什么方法绑定click事件? 原生js有一下三种方法为DOM对象绑定click事件, 第一种,在html中添加 onclick属性,在此属性中添加要绑定的事件函数,如下, 这种方法为html处理事件的原始方法,使得html和js过分耦合, 即表现层代码 和 行为层代码耦合: <html> <head> <script src="./jquery.js"></script> </head> <body>

了解JQuery的事件绑定特性和事件命名空间机制,编写更好、更灵活的事件处理代码

JQuery中的bind()和unbind(),提供了事件的绑定和取消机制,既可以绑定html默认支持的事件,也能够绑定自定义的事件.JQuery支持自定义事件,这显然给编程带来了极大的灵活性.下面就一起学习下,jquery事件处理的一些特性. 1.JQuery中事件可以重复绑定,不会覆盖. $("#button1").bind("click",function(){ alert("func1"); }); $("#button1&qu

jQuery中bind函数绑定多个事件

名人名言:道德是真理之花.——雨果 在jQuery中绑定多个事件名称是,使用空格隔开,举例如下: $("#foo").bind("mouseenter mouseleave", function() { $(this).toggleClass("entered"); }); 在1.4版本以后,也可以如下绑定 $("#foo").bind({ click: function() { // do something on clic