-
this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;查看全部
-
event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素查看全部
-
on()的高级用法 针对自己处理机制中,不仅有on方法,还有根据on演变出来的live方法(1.7后去掉了),delegate方法等等。这些方法的底层实现部分 还是on方法,这是利用了on的另一个事件机制委托的机制衍变而来的 委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) 在on的第二参数中提供了一个selector选择器,简单的来描述下 参考下面3层结构 <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码: $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数查看全部
-
textContent 属性设置或返回指定节点的文本内容,以及它的所有后代。查看全部
-
keydown是在键盘按下就会触发 keyup是在键盘松手就会触发 理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同的浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获取焦点,所以对于此事件类型表单元素是最合适的。查看全部
-
form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可查看全部
-
input元素 监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。 select元素 对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发 textarea元素 多行文本输入框,当有改变时,失去焦点后触发change事件查看全部
-
blur/focus 不具有冒泡效果,除非给他自己本身绑个事件才能达到效果查看全部
-
使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理查看全部
-
keypress()事件 识别数字和字母,如果开头写了中文不会识别,但是在中文后加上字母以后就可以显示中文了查看全部
-
如果想阻止form默认提交数据,可以在末尾加上 return false $("div").submit(function(data){ return false; })查看全部
-
select事件查看全部
-
这段代码重点是搞清楚trigger和triggerHandler的区别。首先,trigger可以触发浏览器默认的行为,比如像submit浏览器会自动提交,比如像focus浏览器会自动聚焦。上面例子中的trigger('focus')那句代码相当于是$("input").focus先被触发一次,然后trigger再触发浏览器的focus默认行为,focus又被默认的触发一次,所以会出现上例中好像trigger('focus')没有执行的结果。而triggerHandler('focus')因为不会触发默认行为,所以只会执行一次$("input").focus。查看全部
-
如果||左侧表达式的值为真值,则返回左侧表达式的值;否则假值(null,undefined)返回右侧表达式的值 &&相反,返回右侧表达式的值查看全部
-
$("div").on('click',function(e){ alert('触发的元素是内容是: ' + this.textContent) }) 这里用this,就是指的是绑定事件的对象,也就是div. $("ul").on('click',function(e){ alert('触发的元素是内容是: ' + e.target.textContent) }) 这里的e.target就是指的发生事件的对象,点击ul内部的元素,冒泡到ul上执行后,回调的是你所点击的元素 但如果用$(this).textContent就不行了,返回的是undefinify查看全部
举报
0/150
提交
取消