美文网首页
关于事件(常用)

关于事件(常用)

作者: 就那两三事 | 来源:发表于2018-08-08 14:28 被阅读7次

焦点

$(selector).focus(function)

当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件

$(selector).blur(function)

表单

$(selector).change(function)

当元素的值改变时发生 change 事件(仅适用于表单字段)
注意:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,change 事件会在元素失去焦点时发生。

键盘

与 keydown 事件相关的事件顺序:
1、 keydown - 键按下的过程
2、keypress - 键被按下
3、keyup - 键被松开

$(selector).keydown(function)

当键盘键被按下时发生 keydown 事件
提示:使用event.which属性来返回哪个键盘键被按下

$(selector).keypress(function)

keypress 事件不会触发所有的键(比如 ALT、CTRL、SHIFT、ESC)

$(selector).keyup(function)

鼠标

$(selector).click(function) 点击事件

$(selector).dbclick(function) 双击事件

dblclick 事件也会产生 click 事件。如果这两个事件都被应用于同一个元素,则会产生问题。

$(selector).mouseover(function) 悬停事件

与 mouseenter事件不同,mouseover 事件在鼠标指针进入被选元素或任意子元素时都会被触发,mouseenter 事件只有在鼠标指针进入被选元素时被触发。

$(selector).mouseout(function) 离开事件

与mouseleave事件不同,mouseout 事件在鼠标指针离开被选元素或任意子元素时都会被触发,mouseleave 事件只有在鼠标指针离开被选元素时被触发。

$(selector).mouseenter(function) 进入事件

$(selector).mouseleave(function) 离开事件

$(selector).mousedown(function) 鼠标按下事件

$(selector).mouseup(function) 鼠标松开事件

$(selector).mousemove(function) 鼠标移动事件

用户把鼠标移动一个像素,就会发生一次 mousemove 事件。处理所有 mousemove 事件会耗费系统资源。请谨慎使用该事件。

$(selector).hover(inFunc,outFunc)

规定当鼠标指针悬停在被选元素上时要运行的两个函数。
inFunc:必需,mouseover 事件发生时运行的函数。
outFunc:可选,mouseout 事件发生时运行的函数。

$( selector ).hover( handlerIn, handlerOut )

等价于:$( selector ).mouseover( handlerIn ).mouseout( handlerOut )

如果只有了一个函数,则它将会在 mouseover 和 mouseout 事件上运行,即
$(selector).hover(handlerInOut)
等价于: $( selector ).on( "mouseover mouseout", handlerInOut )

jQuery 1.7 版本前该方法触发 mouseenter 和 mouseleave 事件。
jQuery 1.8 版本后该方法触发 mouseover 和 mouseout 事件。

$(selector).toggle(function)

toggle() 方法在 jQuery 版本 1.8 中被废弃,在版本 1.9 中被移除。
toggle() 方法添加两个或多个函数,以响应被选元素的 click 事件之间的切换。
当在元素上点击时调用第一个指定函数,当再次点击时调用第二个函数,以此类推。

相关文章

  • 关于事件(常用)

    焦点 $(selector).focus(function) 当元素获得焦点时(当通过鼠标点击选中元素或通过 ta...

  • JS事件

    js事件编程 事件处理程序 常用事件 绑定事件方式 事件冒泡 默认行为 事件对象示例 1. 常用事件 onLoad...

  • VBA事件与典型应用

    关于单元格格式中的with语句 事件 - 发生了什么事就执行什么动作 针对工作表的常用事件 selectionch...

  • 概念

    事件委托,事件代理 事件代理又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义,“事件代理...

  • 使用事件代理来优化dom事件的绑定

    事件代理(Event Delegation),又称之为事件委托。是 JavaScript 中常用绑定事件的常用技巧...

  • JQ 事件

    事件对象属性 常用事件

  • JavaScript面试考点之事件代理

    事件代理(Event Delegation),又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾...

  • JavaScript函数02

    目录 常用事件和事件处理函数 递归函数 函数的属性和方法 函数的作用域 常用事件和事件处理函数 事件参考--MDN...

  • SpringApplication事件及Spring常用事件

    SpringApplication事件springApplication发送的事件.png Spring 常用事件...

  • vue学习(10)事件修饰符

    知识点: vue事件修饰符:1.prevent:阻止默认事件。(常用)2.stop:阻止冒泡事件。(常用)3.on...

网友评论

      本文标题:关于事件(常用)

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