jQuery 绑定3种鼠标事件 click(鼠标点击)，mouseover(鼠标移入)，mouseout(鼠标移开)

1 click()

说明：鼠标点击时触发click事件。

语法：

$(selector).click(function1);

实例：

文本框绑定click事件。

$(function(){$("input[type=text]").each(function(){$(this).click(function(){alert("text click");});});
});

2 mouseover()

说明：当鼠标指针位于元素上方时，会触发 mouseover 事件。

语法：

$(selector).mouseover(function1);

实例：

div标签绑定mouseover事件。

$(function(){$("div").each(function(){$(this).mouseover(function(){alert("div mouseover");});});
});

注：该事件通常与 mouseout 事件一起使用。

3 mouseout()

说明：当鼠标指针离开被选元素时，会触发 mouseout 事件。

语法：

$(selector).mouseout(function1);

实例：

div标签绑定mouseout事件。

$(function(){$("div").each(function(){$(this).mouseout(function(){alert("div mouseout");});});
});

注：该事件通常与 mouseover 事件一起使用。

jQuery 绑定3种鼠标事件 click(鼠标点击)，mouseover(鼠标移入)，mouseout(鼠标移开)相关推荐

jQuery 绑定3种键盘事件 keypress(键盘键按下，功能键和中文不触发)，keydown(键盘键按下，所有键都触发)，keyup(键盘键松开)
1 keypress() 说明:当键盘键被按下时触发 keypress 事件,按特定的功能键和输入中文时不能触发. 语法: $(selector).keypress(function1); 实例: 文 ...
html js不触发_图文详解鼠标事件CSS:hover和JS:mouseover的区别
在工作中为了使页面更具有吸引力,前端开发人员经常会在页面中加上鼠标移入和移出的效果.鼠标移入移出的设置,一般有两种方法,一种是单纯用CSS中的hover伪类,另一种可以用JS 中的DOM事件,即onm ...
DOM-12 【模拟桌面待讲评】鼠标事件深入、点击与拖拽分离、双击事件
鼠标事件深入点击事件 = mousedown + mouseup position: absolute 会将内联元素变为块级(比如a) a标签的协议限定符(伪协议,防止跳转和刷新,让href不生效) ...
QT模拟鼠标事件，实现点击双击移动拖拽等
之前有涉及过一个远程桌面控制的项目,需要传一些指令给远程的电脑,实现简单的桌面点击.移动.拖拉等功能,当时没有时间实现得很好,今天又研究了一下,故此记录. 虽然我用的是QT,但核心涉及的还是系统的AP ...
【JQuery】两种失焦事件的使用
可以通过给jsp / html页面的input输入框绑定失去焦点事件,来判断用户是否已结束输入. 在JQuery框架中,blur()失焦事件 / change()内容改变事件都可以作为失焦事件来使用. ...
java鼠标事件获得键盘值_请问JAVA怎么模拟鼠标和键盘事件[200分]
比如要求模拟鼠标在左下角的[开始]上点一下多谢 | 看看java.awt.Robot这个类,可能对你有帮助 Class Robot This class is used to generate na ...
点击文本框内容消失，移开内容自动显示（两种方法）（原创）
<html > <head> <script type="text/javascript"> /* author:luoqinglong E-m ...
鼠标事件、表单事件、键盘事件、焦点事件
事件介绍当我们点击一个按钮的时候,会弹出一个对话框.在JavaScript中, "点击"这个事情就看作一个事件."弹出对话框"其实就是我们在点击事件中做的一些 ...
Js之事件类型-鼠标事件
一.事件类型鼠标事件键盘事件表单事件其他事件二.鼠标事件 click左键单击 dblclick左键双击鼠标按下和抬起 mousedown / mouseup (左键, ...

jQuery 绑定3种鼠标事件 click(鼠标点击)，mouseover(鼠标移入)，mouseout(鼠标移开)

1 click()

2 mouseover()

3 mouseout()

jQuery 绑定3种鼠标事件 click(鼠标点击)，mouseover(鼠标移入)，mouseout(鼠标移开)相关推荐

最新文章

热门文章