-
change事件 <input>元素，<textarea>和<select>元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作 input元素 监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。 select元素 对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发 textarea元素 多行文本输入框，当有改变时，失去焦点后触发change事件查看全部
-
focus和focusin，blur和focusout: focus blur 和 mouseenter mouseleave相似 你点击的时候相当于只点击了文本框 文本框没事件 不触发 focusin focusout 和 mouseover mouseout相似 你在文本框内获得焦点和失去焦点的同时相当于从子到父都触发了事件；查看全部
-
mouseenter JavaScript事件是Internet Explorer专有的。由于该事件在平时很有用，jQuery的模拟这一事件，以便它可用于所有浏览器。该事件在鼠标移入到元素上时被触发。任何HTML元素都可以接受此事件。查看全部
-
当一个元素，或者其内部任何一个元素获得焦点的时候，例如：input元素，用户在点击聚焦的时候，如果开发者需要捕获这个动作的时候，jQuery提供了一个focusin事件查看全部
-
在元素上移进移出切换其换色: $("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
1,叠加是因为i和n都在自增; 2,冒泡跟函数传参不是一回事,mouseenter是只对自己进行移出,他的父元素对这个移出不接收,例如上面p在div内,p和div如果都有mouseover的话,你从上到下划过应该是进入div,div就是一次,进入p了,p算一次,div也算一次,这个就是冒泡了,但是如果p是mouseenter,进入p,就只算p一次,不会冒泡给DIV也算一次. 3,mouseenter不会产生冒泡事件.所以不存在冒泡事件与事件相同. 4,mouseover只有移入效果,2.6的例子上如第一个P的计数,你只有移入p的时候他才计算,你移出他p本身不计数.查看全部
-
focus和blur不支持冒泡，focusin和focusout支持冒泡查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数查看全部
-
mouseenter事件和mouseover的区别 关键点就是：冒泡的方式处理问题查看全部
-
event.which: 1 2 3 event.button: 0 1 2查看全部
-
111查看全部
-
11查看全部
-
jQuery自定义事件之triggerHandler事件 trigger事件还有一个特性：会在DOM树上冒泡，所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡 trigger事件是具有触发原生与自定义能力的，但是存在一个不可避免的问题： 事件对象event无法完美的实现，毕竟一个是浏览器给的，一个是自己模拟的。尽管 .trigger() 模拟事件对象，但是它并没有完美的复制自然发生的事件，若要触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件，使用.triggerHandler() 来代替 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
<body> <h2>on事件委托</h2> <div class="left"> <div class="aaron"> <a>点击这里</a> </div> </div> <script type="text/javascript"> //给body绑定一个click事件 //没有直接a元素绑定点击事件 //通过委托机制，点击a元素的时候，事件触发 $('body').on('click', 'a', function(e) { alert(e.target.textContent) }) </script> </body>查看全部
-
$("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 最大的不同点就是on是可以自定义事件名，当然不仅仅只是如何，继续往下看 多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件 多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 通过空格分离，传递不同的事件名，可以同时绑定多个事件，每一个事件执行自己的回调方法 将数据传递到处理程序 function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet ); 可以通过第二参数（对象），当一个事件被触发时，要传递给事件处理函数的查看全部
举报
0/150
提交
取消