-
1、在JS中，有两个方法叫移入移出事件，onmouseover()与onmouseout()事件。 jQuery当中同样提供了这样的事件来监听用户的移入移出操作，mouseover()与mouseout()事件 2、mouseover()移入事件（与mouseover()移出事件，两者用法类似） （1）方法一：$ele.mouseover() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").mouseover(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").mouseover() //指定触发事件 }); （2）方法二：$ele.mouseover( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调handler函数，这样可以针对事件的反馈做很多操作了 <div id="test">滑动触发<div> $("#text").mouseover(function() { //this指向 div元素 }); （3）方法三：$ele.mouseover( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").mouseover(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 });查看全部
-
1、用交互操作中，需要知道用户是否有移动的操作。基于移动的机制可以做出拖动、拖拽一系列的效果出来。针对移动事件，jQuery提供了 ①mousemove的快捷方法：可以监听用户移动的的操作 2、mousemove()事件 （1）方法一：$ele.mousemove() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").mousemove(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").mousemove() //指定触发事件 }); （2）方法二：$ele.mousemove( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调handler函数，这样可以针对事件的反馈做很多操作了 <div id="test">滑动触发<div> $("#text").mousemove(function() { //this指向 div元素 }); （3）方法三：$ele.mousemove( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 <div id="test">点击触发<div> $("#text").mousemove(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); 3、mousemove事件触发需要以下几点： ①mousemove事件是当鼠标指针移动时触发的，即使是一个像素 ②如果处理器做任何重大的处理，或者如果该事件存在多个处理函数，这可能造成浏览器的严重的性能问题查看全部
-
1、用交互操作中，最简单直接就是点击操作 ①mousedown的快捷方法：可以监听用户点击的操作 ②mouseup的快捷方法：可以监听用户点击的操作。 2、mousedown()点击事件（mouseup()的用法） （1）方法一：$ele.mousedown() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，一般用的较少 $("ele").mousedown(function(){ alert("触发指定事件") }) （2）方法二：$ele.mousedown( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调handler函数，这样可以针对事件的反馈做很多操作了 $("#text").mousedown(function() { //this指向 div元素 }); （3）方法三：$ele.mousedown( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 $("#text").mousedown(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); 3、mousedown事件触发需要以下几点： ①mousedown强调是按下触发 ②如果在一个元素按住了鼠标不放，并且拖动鼠标离开这个元素，并释放鼠标键，这仍然是算作mousedown事件 ③任何鼠标按钮被按下时都能触发mousedown事件 ④用event对象的which区别按键，敲击鼠标左键which的值是1，敲击鼠标中键which的值是2，敲击鼠标右键which的值是3 4、mouseup事件触发需要以下几点： ①mouseup强调是松手触发，与mousedown是相反的 ②mouseup与mousedown组合起来就是click事件 ③如果用户在一个元素上按下鼠标按键，并且拖动鼠标离开这个元素，然后释放鼠标键，这仍然是算作mouseup事件 ④任何鼠标按钮松手时都能触发mouseup事件 注意：（click与mousedown的区别） click事件其实是由mousedown于mouseup 2个动作构成，所以点击的动作只有在松手后才触发。查看全部
-
2-1 click与dbclick事件 1、用交互操作中，最简单直接就是点击操作。jQuery提供了两个方法： ①click方法：用于监听用户单击操作 ②dbclick方法：用于监听用户双击操作。 2、click()单击事件 （1）方法一：$ele.click() $("ele").click(function(){ alert("触发指定事件"); }) （2）方法二：$ele.click( handler(eventObject) ) 绑定$ele元素，每次$ele元素触发点击操作会执行回调handler函数，这样可以针对事件的反馈做很多操作了，方法中的this是指向了绑定事件的元素 $("#text").click(function() { //this指向 div元素 }); （3）方法三：$ele.click( [eventData ], handler(eventObject) ) 使用与方法二一致，不过可以接受一个数据参数，这样的处理是为了解决不同作用域下数据传递的问题 $("#text").click(11111,function(e) { //this指向 div元素 //e.date => 11111 传递数据 }); 3、dbclick()的用法和click()的用法是类似的，可以参考以上click()的用法。 4、dbclick与click事件不同的是： （1）click事件触发需要以下几点： click事件其实是由mousedown与mouseup 2个动作构成，所以点击的动作只有在松手后才触发 （2）dblclick事件触发需要以下几点： dblclick又是由2个click叠加而来的，所以dblclick事件只有在满足以下条件的情况下才能被触发 ①鼠标指针在元素里面时点击。 ②鼠标指针在元素里面时释放。 ③鼠标指针在元素里面时再次点击，点击间隔时间，是系统而定。 ④鼠标指针在元素里面时再次释放。 注意：在同一元素上同时绑定click和dblclick事件是不可取的。各个浏览器事件触发的顺序是不同的，一些浏览器在dblclick之前接受两个click事件，而和其它浏览器只接受一个click事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度查看全部
-
1、jQuery中的事件（比JS中的事件） 更简单、更灵活、更便捷查看全部
-
off()方法卸载绑定的事件，可以在off()中传入参数来确定卸载哪个事件，如果不传入蚕食则是卸载所有事件查看全部
-
$("body").on("click","a",fn)<br> 第二个参数为过滤。<br> 当不设置时【$("body").on("click",fn)】body内所有元素（h1,div,a....）都能触发回调函数。而给了第二个参数(a)后，只能对body内的a触发。若为这种<div><div></div></div>上下一样且包裹在一起的形式，点击了所在层之后，上下包裹在一起的元素都会触发。查看全部
-
$("p").hover( function() { $(this).css("background", 'red'); }, function() { $(this).css("background", '#bbffaa'); } );查看全部
-
js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素查看全部
-
function data(e) { $(this).find('p:last').html('数据:' + e.data) } function a() { $(".right").mousemove(1111, data) } a(); data 已经绑定了事件函数查看全部
-
e是指事件对象，参见http://www.imooc.com/video/2139查看全部
-
$("body").on("click","a",fn)<br> 第二个参数为过滤。<br> 当不设置时【$("body").on("click",fn)】body内所有元素（h1,div,a....）都能触发回调函数。而给了第二个参数(a)后，只能对body内的a触发。若为这种<div><div></div></div>上下一样且包裹在一起的形式，点击了所在层之后，上下包裹在一起的元素都会触发。查看全部
-
select事件只能用于<input>元素与<textarea>元素 用鼠标选择input文本内容时触发。查看全部
-
$(selector).hover(handlerIn, handlerOut) handlerIn(eventObject)：当鼠标指针进入元素时触发执行的事件函数. handlerOut(eventObject)：当鼠标指针离开元素时触发执行的事件函数. 替代： $(selector).mouseenter(function())+$(selector).mouseleave(function());查看全部
-
mouseover/mouseout会冒泡 mouseenter/mouseleave事件只会在绑定它的元素上被调用，而不会在后代节点上被触发.查看全部
举报
0/150
提交
取消