jquery bind event, use on. $(document).on("click","#a",function(){alert(1)}) [#document]

$(document).on("click","#a",function(){alert(1)}) [#document] as a replacement of previous delegate etc..

event capture

netscape 和 微软 曾经的战争还是比较火热的,当时, netscape 主张捕获方式,微软主张冒泡方式。后来 w3c 采用折中的方式,平息了战火,制定了统一的标准——先捕获再冒泡。

 事件的触发有三个阶段

  1. document 往事件触发地点,捕获前进,遇到相同注册事件立即触发执行
  2. 到达事件位置,触发事件(如果该处既注册了冒泡事件,也注册了捕获事件,按照注册顺序执行)
  3. 事件触发地点往 document 方向,冒泡前进,遇到相同注册事件立即触发

这么说很多人比较迷糊,我们在注册事件的时候,通常使用的是 捕获 或者 冒泡 的 一种:

obj.addEventListener("click", func, true); // 捕获方式
obj.addEventListener("click", func, false); // 冒泡方式
时间: 2024-11-07 04:56:24

jquery bind event, use on. $(document).on("click","#a",function(){alert(1)}) [#document]的相关文章

jquery bind live delegate on

1.bind() $(selector).bind(event,[data],function) bind方法给每个$(selector)元素都注册一个事件处理函数,不支持未来增加的元素.上面两段代码等价的. $('p').bind('click',function(){ alert('p'); }); $('p").click(function(){ alert('p'); }); 2.live() $(selector).live(event,[data],function) live方法把

jQuery -> bind / live / delegate 的终结者 - on

最近在学习jQuery,使用得是最新版本的1.11.1.照着书本敲了如下代码,却发现无论如何也跑不起来. html <div class="container"> <div class="box">hello world</div> </div> js $(document).ready(function() { $('.box').live('click', function() { $(this).clone().

jQuery 嵌套 event 会触发多次的原因

Html代码如下: <div id="cover"> <input type="button" id="inside" value="submit_inside" /> </div> <div id="cover_js"> <input type="button" id="inside_js" value=&quo

关于jquery的on,你怎么绑定就怎么解除

打开jquery3.0一看,竟然把一大半的时间绑定的东西都废弃了 基本上绑定时间可以统一成了on,不管你是不是动态进来的dom节点 live我们知道1.7的时候就已经废弃了,还在觉得live很好用的同学要注意了,别说live为什么不管用,因为废弃了. 如今统一了on的方式去绑定 1.如果不是动态加载进来的 还是按照你的一贯思维,$("#aa").on("click",function(){}); on比较坑爹,每次执行该方法都会给你重新绑定一次,你最好是每一次执行前

jQuery的Event对象(实例)。

which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮. 对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮. which属性对DOM原生的event.keyCode和event.charCode进行了标准化. 适用的事件类型主要有键盘事件:keypress.keydown.keyup,以及鼠标事件:mouseup.mousedown. 该属性属于jQuery的Event对象(实例). jQuery 1.1.3 新增该属性. eventObject.which 返回值 w

jquery记住密码,记住账号,自动登录

1.引入jquery库 2.引入jquery.cookie.js库 3.引入操作js jsp如下: $(document).ready(function() { //输入框获得焦点-失去焦点 $(".oaText").focus(function(){ oaFocus(".oaText","请输入用户名"); }); $(".oaText").blur(function(){ oaBlur(".oaText"

jQuery事件机制,动画效果,工具和其他操作(三)

jQuery事件机制 1 事件操作 1.1 页面载入事件 $(document).ready(function(){ // 在这里写你的代码... }); 或者 $(function($) { // 你可以在这里继续使用$作为别名... }); 1.2 事件绑定 on(eve,[sel],[data],fn) 1.7+ 在选择元素上绑定一个或多个事件的事件处理函数 bind(type,[data],fn) 3.0- 请使用on() one(type,[data],fn) 为每一个匹配元素的特定事

jquery bind()方法 语法

jquery bind()方法 语法 作用:bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数. 说明:规定向被选元素添加的一个或多个事件处理程序,以及当事件发生时运行的函数.直线电机生产厂家 语法:$(selector).bind(event,data,function) 参数: 参数 描述 event     必需.规定添加到元素的一个或多个事件.由空格分隔多个事件.必须是有效的事件. data     可选.规定传递到函数的额外数据. function   

jQuery之event

今天了解了一下jQuery中的事件event,使用jQuery好处就是不用去考虑那么多的兼容. 鼠标事件:click dblclick mousedown mouseup mouseenter mouseleave mouseover  mouseout 鼠标事件最常用的就是上述几个了.关于click mousedown  mouseup  如果将这三个事件绑定在同一个元素上,那么触发的顺序将是 mousedown  mouseup  click .然后再来看看mouseleave和mouseo