为了账号安全,请及时绑定邮箱和手机立即绑定
  • blur、focus事件在元素本身产生,不支持冒泡;focusin、focusout事件支持冒泡。并要注意不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点 所以 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) 这里父级div虽然绑定了focus事件,但是由于是子元素input获得了焦点,也就是input触发了focus事件(当然同时也触发了focusin事件)但是input却没有绑定事件处理函数,所以input不会有什么反应,再因为focus不支持冒泡,所以父级div的focus事件并不会被触发,综上所述就没有任何反应了 而$(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕获了focusin事件') $(this).css('border', '2px solid red') }) 这里父级div绑定了focusin事件,子元素input获得了焦点后触发了focusin事件(当然同时也触发了focus事件),又因为支持冒泡,所以父级div的focusin事件就被触发了,就出现反应了
    查看全部
  • focus:当focusable元素获得焦点时,不支持冒泡; focusin:和focus一样,只是此事件支持冒泡; blur:当focusable元素失去焦点时,不支持冒泡; focusout:和blur一样,只是此事件支持冒泡;
    查看全部
  • focusin事件:监听元素获取焦点事件; 用法: 方法一:$ele.focusin() 方法二:$ele.focusin( handler ) 方法三:$ele.focusin( [eventData ], handler )
    查看全部
  • mouseover,mouseout:不会阻止冒泡 mouseenter,mouseleave:会阻止冒泡 hover(in,out)里面要包含两个函数,分别是移入和移出的效果,中间逗号隔开
    查看全部
  • mouseenter事件和mouseover的区别 关键点就是:冒泡的方式处理问题 mouseout和mouseleave同理
    查看全部
  • onmouseover():鼠标指针移入事件; onmouseout():鼠标指针移出事件。 用法: 方法一:$ele.mouseover() 方法二:$ele.mouseover( handler(eventObject) ) 方法三:$ele.mouseover( [eventData ], handler(eventObject) )
    查看全部
  • mousemove()方法:监听用户鼠标指针移动的的操作。 用法: 方法一:$ele.mousemove() 方法二:$ele.mousemove( handler(eventObject) ) 方法三:$ele.mousemove( [eventData ], handler(eventObject) ) mousemove事件触发需要以下几点: 1、mousemove事件是当鼠标指针移动时触发的,即使是一个像素 2、如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重的性能问题
    查看全部
  • mark
    查看全部
    0 采集 收起 来源:on()的高级用法

    2016-10-13

  • mousedown:可以监听用户鼠标按下的操作; mouseup:可以监听用户鼠标弹起的操作。 用法: 方法一:$ele.mousedown() 方法二:$ele.mousedown( handler(eventObject) ) 方法三:$ele.mousedown( [eventData ], handler(eventObject) ) mousedown事件触发需要以下几点: 1、mousedown强调是按下触发 2、如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件 3、任何鼠标按钮被按下时都能触发mousedown事件 4、用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3 mouseup事件触发需要以下几点: 1、mouseup强调是松手触发,与mousedown是相反的 2、mouseup与mousedown组合起来就是click事件 3、如果用户在一个元素上按下鼠标按键,并且拖动鼠标离开这个元素,然后释放鼠标键,这仍然是算作mouseup事件 4、任何鼠标按钮松手时都能触发mouseup事件 5、用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3 另外需要注意的是: click与mousedown的区别: click事件其实是由mousedown于mouseup 2个动作构成,所以点击的动作只有在松手后才触发
    查看全部
  • 当点击第一个 button 时,会触发第一个按钮的 click事件,function 参数中的 bottonName, 如果存在bottonName,则bootonName=bottonName,否则,bottonName=first 此时还未定义(undefined),所以在执行"或"语句时,将 'first'这个字符串赋给bottonName,继续执行 update()函数。第一个参数为第一个 span对象,第二个参数为第二个 span对象,第三个参数的内容此时为 'first'。 在update函数中,将第一个span的文本设置为 'first',将第二个span的文本转换为整型,基数为10(这个10不懂看看转换整型那节),计数器n自加 1,并赋给第二个 span的文本。
    查看全部
  • 可以實現同樣效果的更為簡便的代碼: <html> <head> <title>Test</title> <meta content="text/html; charset=utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <style type="text/css"> input{ width:200px; height:100px; display:block; text-align:center; } </style> </head> <body> <input type="text" /> <button>first</button> <button>last</button> <script type="text/javascript"> var sum = 0; function main(){ ++sum; } $('button:first').bind('click', function(){ main(); $('input').val('first:'+sum); }); $('button:last').bind('click', function(){ main(); $('input').val('last:'+sum); }); </script> </body> </html>
    查看全部
  • select事件只能用于<input>和<textarea>元素
    查看全部
  • .text(e.target.value) 获取输入的内容。
    查看全部
  • e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false
    查看全部
  • mouseover要注意冒泡问题,而mouseenter只发生绑定的元素上,不用考虑冒泡问题。
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!