美文网首页
jQuery事件对象

jQuery事件对象

作者: 老夫撩发少年狂 | 来源:发表于2016-12-15 11:06 被阅读32次

鼠标事件

mousedown与mouseup事件

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

mouseenter事件和mouseover的区别

所以在这种情况下面,jQuery推荐我们使用 mouseenter事件

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

hover事件

$(selector).hover(handlerIn, handlerOut)

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

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

focuseIn 事件

当一个元素,或者其内部任何一个元素获得焦点的时候,例如:input元素,用户在点击聚焦的时候,如果开发者需要捕获这个动作的时候,jQuery提供了一个focusin事件

focuseOut

当一个元素,或者其内部任何一个元素失去焦点的时候,比如input元素,用户在点击失去焦的时候,如果开发者需要捕获这个动作,jQuery提供了一个focusout事件

表单事件

blur与focus事件

 change事件

当<input> <select> <textarea>的值发生改变时 可以通过change监听这些改变

input元素

监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。

select元素

对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发

textarea元素

多行文本输入框,当有改变时,失去焦点后触发change事件

select事件

submit事件

键盘事件

keydown()与keyup()事件\keypress()事件

事件绑定和解绑

on()

on()的高级用法

卸载事件off()方法

事件对象

属性和方法

相关文章

  • jQuery知识整理

    jQuery jQuery和DOM关系 jquery框架对象分析 加载事件 事件绑定 动画效果 jquery封装的...

  • jQuery操作事件

    总结:jQuery对象打点 去掉 on 的 js 事件 (1)、jQuery对象 . click(functio...

  • jQuery事件操作和插件

    jQuery事件操作 简单方式注册事件 语法:jQuery对象.事件名(事件处理程序) on方法注册事件 注册简单...

  • jQuery事件对象

    鼠标事件 mousedown与mouseup事件 mousedown事件触发需要以下几点: mousedown强调...

  • jQuery|event的属性和方法

    jQuery事件对象event的属性和方法 事件处理(事件对象、目标元素的获取,事件对象的属性、方法等)在不同浏览...

  • JQuery 基础

    一、DOM对象和JQuery对象的转换 二、JQuery选择器 三、对象方法 四、操作节点 五、事件设置 六、动画...

  • 2018-09-10JQuery高级应用

    JQuery事件 window事件 鼠标事件 键盘事件 表单事件 事件注册语法$(对象).type(fn)type...

  • jQuery

    jQuery绑定事件的方法书写至少两种 jQuery对象和Dom对象相互转换 1. $(document).rea...

  • jQuery事件委托和JS事件委托

    jQuery事件委托没得说,直接用on的方式在事件类型参数的后边加一个真正触发事件的对象即可,同时jQuery提供...

  • jQuery自定义事件,事件冒泡,节点

    主动触发与自定义事件 主动触发 使用jquery对象上的trigger方法来触发对象上绑定的事件。 自定义事件 除...

网友评论

      本文标题:jQuery事件对象

      本文链接:https://www.haomeiwen.com/subject/rgjbmttx.html