为了账号安全,请及时绑定邮箱和手机立即绑定
  • 回头继续看

    查看全部

  • (selector).hover(handlerIn, handlerOut)
    • handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数

    • handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数


    查看全部

  • mouseover与mouseenter

    不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。

    只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。

    mouseout与mouseleave

    不论鼠标指针离开被选元素还是任何子元素,都会触发 mouseout 事件。

    只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件。


    查看全部

  • mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发


    查看全部
  • dblclick事件触发需要以下几点:

    dblclick又是由2个click叠加而来的,所以dblclick事件只有在满足以下条件的情况下才能被触发

    • 鼠标指针在元素里面时点击。

    • 鼠标指针在元素里面时释放。

    • 鼠标指针在元素里面时再次点击,点击间隔时间,是系统而定。

    • 鼠标指针在元素里面时再次释放。

    注意:在同一元素上同时绑定 click 和 dblclick 事件是不可取的。各个浏览器事件触发的顺序是不同的,一些浏览器在dblclick之前接受两个 click 事件 ,而一些浏览器只接受一个 click 事件。用户往往可通过不同的操作系统和浏览器配置双击灵敏度


    查看全部
    • triggerHandler不会触发浏览器的默认行为,.triggerHandler( "submit" )将不会调用表单上的.submit()

    • .trigger() 会影响所有与 jQuery 对象相匹配的元素,而 .triggerHandler() 仅影响第一个匹配到的元素

    • 使用 .triggerHandler() 触发的事件,并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的,那么它就不会进行任何处理

    • 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反,.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件,会返回 undefined


    查看全部
  • 众所周知类似于mousedown、click、keydown等等这类型的事件都是浏览器提供的,通俗叫原生事件,这类型的事件是需要有交互行为才能被触发。

    .trigger:简单来讲就是根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为

    trigger触发浏览器事件与自定义事件区别:

    自定义事件对象,是jQuery模拟原生实现的

    自定义事件可以传递参数

    查看全部
  • event.pageX和event.pageY:获取鼠标当前相对于页面的坐标

    event.preventDefault():阻止默认行为

    event.stopPropagation():阻止事件冒泡

    event.which:获取在鼠标单击时,单击的是鼠标的哪个键,左键报告,中键报告2,右键报告3

    this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;

    this和event.target都是dom对象

    查看全部
  • 实践对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数运行结束后,事件对象就被销毁

    查看全部
  • 事件绑定在最上层div元素上、当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上,如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数

    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-05-02

  • keyPress主要是用来接收字母、数字等ANSI字符,而keyDOwn和Keyup事件过程可以处理任何不被KeyPress识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换挡键的组合等

    查看全部
  • keydown是在键盘按下就会触发

    keyup是在键盘松手就会触发

    理论上它可以绑定到任何元素,但keydown/keyup事件只是发送到具有焦点的元素上,不同浏览器中,可获得焦点的元素略有不同,但是表单元素总是能获得焦点,所以对于此事件类型表单元素是最合适的

    查看全部
  • blur和focus的区别在于是否支持冒泡处理

    查看全部
  • focusin()//指定触发事件

    查看全部

  •  $("input").on("focus",function(event,title) {       
           $(this).val(title) 
     });
     
     $("#accident").on("click",function() {        
           alert("trigger触发的事件会在 DOM 树中向上冒泡");  
     });    
     
     //trigger触发focus  
     $("button:first").click(function() {        
         $("a").trigger("click");        
         $("input").trigger("focus");   
     });    
     
     //triggerHandler触发focus 
     $("button:last").click(function() {        
         $("a").triggerHandler("click");       
         $("input").triggerHandler("focus","没有触发默认聚焦事件");    
     });


    https://img1.sycdn.imooc.com//5ae1a4530001734703760154.jpg

    注:1、id=accident的div,已经有click事件,所以在div内点都会触发div的click事件,使得input的focus事件没有执行。

           2、给最后一个button绑定了click事件,triggerHandler()方法使得a的默认动作没有被执行,且input的事件没有冒泡,将“没有触发默认聚焦事件”赋值给input的value属性。

           3、而给第一个button绑定的click事件,trigger()方法保留了a的默认动作,且事件冒泡,使得执行了id=accident的div的click事件。


    查看全部

举报

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

微信扫码,参与3人拼团

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

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