为了账号安全,请及时绑定邮箱和手机立即绑定
  • mousedown事件触发需要以下几点:

    • mousedown强调是按下触发

    • 如果在一个元素按住了鼠标不放,并且拖动鼠标离开这个元素,并释放鼠标键,这仍然是算作mousedown事件

    • 任何鼠标按钮被按下时都能触发mousedown事件

    • 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

    mouseup事件触发需要以下几点:

    • mouseup强调是松手触发,与mousedown是相反的

    • mouseup与mousedown组合起来就是click事件

    • 如果用户在一个元素上按下鼠标按键,并且拖动鼠标离开这个元素,然后释放鼠标键,这仍然是算作mouseup事件

    • 任何鼠标按钮松手时都能触发mouseup事件

    • 用event 对象的which区别按键,敲击鼠标左键which的值是1,敲击鼠标中键which的值是2,敲击鼠标右键which的值是3

    另外需要注意的是:

    click与mousedown的区别:

    • click事件其实是由mousedown于mouseup 2个动作构成,所以点击的动作只有在松手后才触发


    查看全部
  • dbclick与click事件不同的是:

    click事件触发需要以下几点:

    • click事件其实是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手后才触发

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

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

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

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

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

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

    查看全部
  • 你这样想好了
    function a() {
    $("button:eq(2)").click(1111, data)
    }
    function data(e) {
    alert(e.data) 
    }
    两个函数顺序对调 (事实上都是一样的) 我先执行函数a() 在click事件中传入了数据111和函数data(),当触发click事件时,调用函数data=====data(e)//因为此时的e就是click事件 所以 函数data()中的e.data就等于1111

    查看全部
  • triggerHandler与trigger的用法是一样的,重点看不同之处:

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

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

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

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

    triggerHandler只阻止它本身触发的事件冒泡


    这里$("input").triggerHandler("focus","没有触发默认聚焦事件");中的两个参数是传入input的focus事件中的,参数1也就是arg1已经指定的了要触发的事件就是focus,参数arg2也就是要传入input的focus事件中的title的值所以会弹出"没有触发默认聚焦事件”

    查看全部
  • triggerHandler与trigger的用法一样,重点看不同之处:

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

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

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

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

    查看全部
  • trigger事件还有一个特性:会在DOM树上冒泡,所以如果要阻止冒泡就需要在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡

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

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

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

    event.which:获取在鼠标单击时,单击的是鼠标的哪个键

    event.currentTarget:在事件冒泡过程中的当前DOM元素

    .this和event.target都是dom对象

    查看全部
  • 通过.on()绑定的事件处理程序

    通过.off()方法移除该绑定

    绑定2个事件

    $("elem").on("mousedown mouseup",fn)

    删除一个事件

    $("elem").off("mousedown")

    删除所有事件

    $("elem").off("mousedown mouseup")

    快捷方式删除所有事件

    $("elem").off()

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

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

    2018-10-06

  • jQuery鼠标事件之mousemove事件

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

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

    查看全部
  • hover() 方法是同时绑定mouseenter和mouseleave事件

    $(selector).hover(handlerIn, handlerOut)

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

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

    查看全部
  • mouseenter事件和mouseover的区别:冒泡的方式处理问题

    查看全部
  • click事件触发需要:click事件是由mousedown与mouseup 2个动作构成,所以点击的动作只有在松手以后才触发

    dbclick事件触发需要:dbclick是由2个click叠加而来的,鼠标指针在元素里面时点击且释放;再次点击,点击间隔时间,是系统而定,且再次释放。

    查看全部
  • click方法用于监听用户单击操作;

    dbclick方法用于监听用户双击操作;

    方法一:$ele.click()

    方法二:$ele.click(handler(eventObject))

    方法三:$ele.click([eventData], handler(eventObject))

    查看全部
  • 方法描述
    $ele.click()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
    $ele.click( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数,这样可以针对事件的反馈做很多操作了,方法中的this是指向了绑定事件的元素
    $ele.click( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    $ele.mousedown()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少
    $ele.mousedown( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.mousedown( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    $ele.mousemove()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
    $ele.mousemove( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.mousemove( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    $ele.mouseover()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
    $ele.mouseover( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.mouseover( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    mouseenter()只会在绑定它的元素上被调用,而不会在后代节点上被触发,不会冒泡
    mouseover()不只是在绑定它的元素上被调用,而且还会向上冒泡在其祖辈元素节点上被调用
    hover()$(selector).hover(handlerIn, handlerOut),当鼠标指针进入元素时触发执行的事件函数handlerIn,当鼠标指针移出元素时触发执行的事件函数handlerOut,
    $ele.focusin()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,一般用的比较少
    $ele.focusin( handler )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.focusin( [eventData ], handler )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    $ele.focusout()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少
    $ele.focusout( handler )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.focusout( [eventData ], handler )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    blur()focus和blur是由内像外进行事件冒泡。focusin和focusout是由外像内进行捕获,所以当父元素添加了focusin和focusout时子元素也会触发聚焦或者失焦事件
    change()input元素:监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发;select元素:对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发;textarea元素:多行文本输入框,当有改变时,失去焦点后触发change事件
    .select()select事件只能用于<input>元素与<textarea>元素,触发元素的select事件:
    $ele.select( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.select( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    $ele.submit()绑定$ele元素,不带任何参数一般是用来指定触发一个事件,用的比较少
    $ele.submit( handler(eventObject) )绑定$ele元素,每次$ele元素触发点击操作会执行回调 handler函数
    $ele.submit( [eventData ], handler(eventObject) )使用与方法二一致,不过可以接受一个数据参数,这样的处理是为了解决不同作用域下数据传递的问题
    keydown()当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它。使用上非常简单,与基本事件参数处理保持一致
    keyup()当用户在一个元素上第一次松手键盘上的键的时候,就会触发它。使用方法与keydown是一致的只是触发的条件是方法的
    keypress()keydown事件触发在文字还没敲进文本框,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本,keypress事件与keydown和keyup的主要区别:只能捕获单个字符,不能捕获组合键,无法响应系统功能键(如delete,backspace),不区分小键盘和主键盘的数字字符.KeyPress主要用来接收字母、数字等ANSI字符,而 KeyDown 和 KeyUP 事件过程可以处理任何不被 KeyPress 识别的击键。诸如:功能键(F1-F12)、编辑键、定位键以及任何这些键和键盘换档键的组合等。
    .on( events ,[ selector ] ,[ data ] )多事件绑定
    off()移除事件
    $('#elem').trigger('click');自定义事件,根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为
    triggerHandler()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下载
官方微信
友情提示:

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