美文网首页
jQuery事件

jQuery事件

作者: 梦幽辰 | 来源:发表于2019-12-22 15:10 被阅读0次

鼠标事件

click([[data], fn])、dblclick([[data], fn])

click:鼠标单击时触发

dblclick:鼠标双击时触发

mousedown、mouseup

mousedown:鼠标按下时触发

mouseup:按下的鼠标放松是触发

mouseenter、mouseleave

鼠标进入(移出)时触发

hover([over], out)

鼠标进入和退出时触发两个函数,相当于 mouseenter 加上 mouseleave

mouseover、mouseout

鼠标进入(移出)指定元素及其子元素时触发

mousemove([[data], fn])

在 DOM 内部移动时,会发生 mousemove 事件

scroll([[data], fn])

当滚动指定的元素时,会发生 scroll 事件

键盘事件

keydown([[data], fn])

当键盘或按钮被按下时,发生 keydown 事件

keyup([[data], fn])

当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上

keypress([[data], fn])

当键盘或按钮被按下时,发生 keypress 事件

其他事件

ready(fn)

当 DOM 载入就绪可以查询及操纵时绑定一个要执行的函数

resize([[data], fn])

当调整浏览器窗口大小时,发生 resize 事件

focus([[data], fn])、blur([[data], fn])

当元素获得(失去)焦点时触发focus(blur)事件

change([[data], fn])

当元素的值发生改变时,会发生 change 事件

select([[data], fn])

当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件

submit([[data], fn])

当提交表单时,会发生 submit 事件

注:如果 submit 事件中的函数返回值为 false,表单不会提交

事件参数

event

有些事件,如 mousemove 和 keypress,我们需要获取鼠标位置和按键的值,否则监听这些事件就没什么意义了。所有事件都会传入 event 对象作为参数,可以从 event 对象上获取到更多的信息

事件绑定与取消

on(events, [selector], [data], fn)

在选择元素上绑定一个或多个事件的事件处理函数

off(events, [selector], [fn])

在选择元素上移除一个或多个事件的事件处理函数

one(type, [data], fn)

为每一个匹配元素的特定事件(比如 click )绑定一个一次性的事件处理函数

相关文章

  • jquery实战

    jQuery属性操作 jQuery特殊效果 jQuery动画 jQuery循环 jQuery其他事件 自定义事件

  • jQuery知识整理

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

  • jqurey事件

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML...

  • jQuery基础(三)—事件篇-----鼠标事件

    jQuery鼠标事件之click与dbclick事件jQuery鼠标事件之mouseover与mouseout事件...

  • jQuery动画、循环、事件

    jQuery动画 jQuery循环 元素绝对位置 鼠标移入移出 jQuery事件 自定义事件 事件冒泡 弹框-阻止冒泡

  • Jquery day_3

    1.1 Jquery 事件注册 1.2 jquery 事件处理 on(): 用于事件绑定,目前最好用的事件绑定方...

  • jQuery事件操作和插件

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

  • jquery对节点的操作

    Jquery对事件的绑定 $().bind(“事件类型”, 事件处理); 给jquery绑定一个事件$().bi...

  • jQuery事件机制

    jQuery的事件机制,指的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑...

  • jquery 滚轮插件 jquery.mousewheel.js

    jquery.mousewheel插件使用 jquery中没有鼠标滚轮事件,那么可以使用jquery的滚轮事件插件...

网友评论

      本文标题:jQuery事件

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