knrt.net
当前位置:首页 >> jquEry on绑定 >>

jquEry on绑定

$(function(){ $('.btn').click(function(){ $('body').append(''); //注意上句错误。append的字符串中应该是 }); $('.btn').on('click',function(){ console.log('haha'); }); //上面绑定的方式也不对。因为页面刚加载时$('.btn')并不包括后来...

大概有以下这些,挺多的。 blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu

可以 .bind 的方法是旧有的 .on 是比较事件导向的新方法,其实原理就是把 bind 的事件改成物件名称而已 jQuery 新版本 1.7 後来才有这功能

用on绑定更为灵活 可以用off取消监听 直接用change的话方便,更为简单。(其实就是少写几个字)

jquery操作dom元素的增删操作,所以会涉及到dom元素的绑定事件方式,简单的归纳一下bind,live,delegate,on。

on指的是事件委托,举个例子, $(document).on("click", ".ontest", function () { //...... }); 假设你的.ontest一开始不存在DOM结构当中,也就是html里面,如果你直接click(function () {});的话,事件是无法成功绑定的,而用on委托给document...

代码如下: $(obj).on("mouseover mouseout",function(event){ if(event.type == "mouseover"){ //鼠标悬浮 }else if(event.type == "mouseout"){ //鼠标离开 } })

不管是jquery什么版本都不会出现on的兼容问题 你看看绑定事件的这个DOM是不是动态的。 在执行事件的时候,这个DOM是不是还没有渲染出来 建议你用事件委托试一下

bind是用来绑定一个或多个事件的,live其实bind的一个加强版,用来绑定通过JavaScript或者jQuery添加的DOM元素事件,其语法结构是一样 $("p").bind("mouseenter mouseleave",function(){alert("ok");})$("p").live("mouseenter mouseleave",func...

$('input').keyup(function () { ... }); $('input').bind('keyup', function () { ... }); $('input').live('keyup', function () { ... });

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com