为了账号安全,请及时绑定邮箱和手机立即绑定
  • 事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别 event.type:获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左边)与 (顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法:阻止默认行为 这个用的特别多,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents),左键报告1,中间键报告2,右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;
    查看全部
  • keydown事件:第一次按下键盘上字母键的时候,就会触发它 因为刚按下去,字母在显示之前就已经触发了keydown的事件,所以就会“慢一拍”。 而keyup则是获取之前的文本内容,所以就会及时更新。 这是我的理解,不知道对不对
    查看全部
  • 你们看focus和blur事件都绑到了div上,你点击input或者点完移开失去焦点当然没反应了,因为input没有绑定事件啊。 而focusin和focuout也绑在div上,为啥有反应呢? 因为后者在你点input的时候会一级一级的往上面查父元素,如果父元素有事件就执行了,所以你看到了效果。这叫事件冒泡。 因为div这个元素不支持focus。由于focus不进行冒泡针对本身,所以要么直接让input用focus,要么就用focusin冒泡传给input
    查看全部
  • $(selector).hover(handlerIn, handlerOut) handleIn和handleOut要function函数才能运行,如果没有将运行不了
    查看全部
  • mouseover跟mouseenter 是一样的,是进入元素是触发,但看左边的教程你就会懵逼。mouseover简单的说就是进入指定元素触发一次,进入其子元素也会触发一次,从子元素离开经过父元素时也会触发一次。
    查看全部
  • e.offsetX+','+e.offsetY指的是组件内部的坐标,从0,0开始
    查看全部
  • find()是在后代中找
    查看全部
  • 冒泡问题
    查看全部
  • 1.event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标. 2.event.preventDefault() 方法:阻止默认行为 3.even.stopPropagation()方法:阻止冒泡 4.event.which:获取在鼠标单击时,单击的是鼠标的哪个键
    查看全部
  • $("#target").submit(function(data) { return false; //阻止默认行为,提交表单 });
    查看全部
  • $("button:first").click(function() { $("a").trigger("click"); $("input").trigger("focus"); }); 没有¥$("a").click事件则向上冒泡去寻找父级的click事件
    查看全部
  • $("button:first").trigger('click','last'); 调用$("button:first").click()事件,同时传递参数bottonName='last'
    查看全部
  • bottonName = bottonName || 'first'; 等同于if(bottonName==null || botton=="" || bottonName==undefined){botton ="first";}
    查看全部
  • this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;
    查看全部
  • jQuery自定义事件之triggerHandler事件: triggerHandler与trigger的用法是一样的,重点看不同之处: triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined
    查看全部

举报

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

微信扫码,参与3人拼团

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

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