为了账号安全,请及时绑定邮箱和手机立即绑定
  • event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素
    查看全部
  • $("#elem").on({ mouseover:function(){}, mouseout:function(){} }); 通过空格分离,传递不同的事件名,可以同时绑定多个事件,每一个事件执行自己的回调方法
    查看全部
  • 利用委托机制,当给body绑定了一个事件,点击其子元素a时,通过冒泡,也会触发body上绑定的回调函数 $('body').on('click', 'a', function(e) { alert(e.target.textContent) })
    查看全部
    0 采集 收起 来源:on()的高级用法

    2017-06-11

  • focus blur 和 mouseenter mouseleave相似 点击的时候相当于只点击了文本框 文本框没事件 不触发 focusin focusout 和 mouseover mouseout相似 在文本框内获得焦点和失去焦点的同时相当于从子到父都触发了事件;
    查看全部
  • focus与blur事件:不支持冒泡,focusin与focusout支持冒泡。focusin和focusout绑定在父级元素上,他的子元素依然可以触发事件
    查看全部
  • mouseover和mouseout事件,在其子元素触发了事件的时候,自己的事件会被同时出发
    查看全部
  • click(a,b) :b是执行的函数名,a是要传入b函数中的参数
    查看全部
  • mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发
    查看全部
  • triggerHandler与trigger的用法是一样的,重点看不同之处: triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined
    查看全部
  • trigger是什么?简单来讲就是:根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为. trigger触发浏览器事件与自定义事件区别? 自定义事件对象,是jQuery模拟原生实现的 自定义事件可以传递参数
    查看全部
  • event.type:获取事件的类型 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)的使用;
    查看全部
  • 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁 event.target target 属性可以是注册事件时的元素,或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托 简单来说:event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素
    查看全部
  • 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 根据on绑定事件的一些特性,off方法也可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数。当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件,这里不需要传递事件名了,节点上绑定的所有事件讲全部销毁 $("elem").off()
    查看全部
  • 委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) )
    查看全部
    0 采集 收起 来源:on()的高级用法

    2017-06-08

  • 1. 基本用法 $("#elem").click(function(){}) //快捷方式 $("#elem").on('click',function(){}) //on方式 2.多个事件绑定同一个函数 $("#elem").on("mouseover mouseout",function(){ }); 3.多个事件绑定不同函数 $("#elem").on({ mouseover:function(){}, mouseout:function(){} });
    查看全部

举报

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

微信扫码,参与3人拼团

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

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