为了账号安全,请及时绑定邮箱和手机立即绑定
  • click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发
    查看全部
  • mousemove事件时当鼠标指针移动时触发的,即使是一个像素 如果处理器做任何重大的处理,或者如果该事件存在多个处理函数,这可能造成浏览器的严重性能问题
    查看全部
  • 这里写个event的形参出来又在事件函数里没有任何行为大概是想提醒我们,event之后的bottonName才是真正的第一个trigger里的第一个参数
    查看全部
  • triggerHandler与trigger的用法是一样的,重点看不同之处: triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined
    查看全部
  • event.type:获取事件的类型 event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 event.preventDefault() 方法:阻止默认行为 event.stopPropagation() 方法:阻止事件冒泡 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.currentTarget : 在事件冒泡过程中的当前DOM元素 this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象
    查看全部
  • this和event.target的区别:   1.js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远指向触发事件的DOM元素本身;   2.this和event.target都是dom对象,使用jQuey中的方法可以将他们转换为jquery对象:$(this)和$(event.target).
    查看全部
  • off()方法卸载绑定的事件,可以在off()中传入参数来确定卸载哪个事件,如果不传入参数则是卸载所有事件
    查看全部
  • $("div").on("click","p",fn) 事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • on方式绑定事件区分于快捷方式绑定事件的特点:<br> 1.多个事件绑定同一个函数:<br> eg: $("#elem").on("mouseover mouseout",function(){});<br> 2.多个事件绑定不同的函数:<br> eg: $("elem").on({<br> mouseover:function(){},<br> mouseout:function(){}<br> });也可以写成链式写法:<br> $("#elem").mouseover(function(){}).mouseover(function(){})<br> 3.将数据传递到处理程序<br> <br> function greet( event ) {<br> alert( "Hello " + event.data.name ); //Hello 慕课网<br> }<br> $( "button" ).on( "click", {<br> name: "慕课网"<br> }, greet );<br> 可以通过第二参数(对象),当一个事件被触发时,要传递给事件处理函数的
    查看全部
  • .on( events [, selector ] [, data ], handler(eventObject) ) 这个模式下绑定的,并不是停止冒泡,只是一碰到selector就调用一次handler,然后继续向上冒泡,不然$('html').on('click','div', function(e) { alert(e.target.innerHTML) }) <body> <h2>on事件委托</h2> <div class="left"> <div class="aaron"> <a>点击这里</a> </div> </div> 不会弹两次出来, 外层有两层div,所以就调用handler两次咯
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • 通过在<form>元素上绑定submit事件,开发者可以监听到用户的提交表单的的行为 具体能触发submit事件的行为: <input type="submit"> <input type="image"> <button type="submit"> 当某些表单元素获取焦点时,敲击Enter(回车键) 上述这些操作下,都可以截获submit事件。 这里需要特别注意: form元素是有默认提交表单的行为,如果通过submit处理的话,需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理, jQuery中可以直接在函数中最后结尾return false即可 jQuery处理如下: $("#target").submit(function(data) { return false; //阻止默认行为,提交表单 });
    查看全部
  • select事件只能用于<input>元素与<textarea>元素
    查看全部
  • <div> <input type="text" /> </div> 其中input元素可以触发focus()事件 div是input的父元素,当它包含的元素input触发了focus事件时,它就产生了focusin()事件。 focus()在元素本身产生,focusin()在元素包含的元素中产生 blur与focusout也亦是如此
    查看全部
  • 只需要在hover方法中传递2个回调函数就可以了,不需要显示的绑定2个事件 $(selector).hover(handlerIn, handlerOut) handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
    查看全部
  • mouseenter事件和mouseover的区别 关键点就是:冒泡的方式处理问题 简单的例子: mouseover为例: <div class="aaron2"> <p>鼠标离开此区域触发mouseleave事件</p> </div> 如果在p元素与div元素都绑定mouseover事件,鼠标在离开p元素,但是没有离开div元素的时候,触发的结果: p元素响应事件 div元素响应事件 这里的问题是div为什么会被触发? 原因就是事件冒泡的问题,p元素触发了mouseover,他会一直往上找父元素上的mouseover事件,如果有全触发了 所以在这种情况下面,jQuery推荐我们使用 mouseenter事件 mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发
    查看全部

举报

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

微信扫码,参与3人拼团

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

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