鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。
1、click事件:点击鼠标左键时触发
$('p').click(function(){});
示例:
$('p').click(function(){
alert('click function is running !');
});
2、dbclick事件:迅速连续的两次点击时触发
$('p').dbclick(function(){});
示例:
$("button").dblclick(function(){
$("p").slideToggle();
});
3、mousedown事件:按下鼠标时触发
$('p').mousedown(function(){});
示例
$("button").mousedown(function(){
$("p").slideToggle();
});
4、mouseup事件:松开鼠标时触发
$('p').mouseup(function(){});
示例:
$("button").mouseup(function(){
$("p").slideToggle();
});
5、mouseover事件:鼠标从一个元素移入另一个元素时触发
mouseout事件:鼠标移出元素时触发
$('p').mouseover(function(){});
$('p').mouseout(function(){});
示例:
$("p").mouseover(function(){
$("p").css("background-color","yellow");
});
$("p").mouseout(function(){
$("p").css("background-color","#E9E9E4");
});
6、mouseenter事件:鼠标移入元素时触发
mouseleave事件:鼠标移出元素时触发
$('p').mouseenter(function(){});
$('p').mouseleave(function(){});
示例
$("p").mouseenter(function(){
$("p").css("background-color","yellow");
});
$("p").mouseleave(function(){
$("p").css("background-color","#E9E9E4");
});
7、hover事件
$('p').hover(
function(){},
function(){}
);
示例
$(".table_list tr").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
8、toggle事件:鼠标点击切换事件
$('p').toggle(
function(){},
function(){}
);
示例
$("p").toggle(
function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
分享到:
相关推荐
文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件
js鼠标事件大全js鼠标事件大全js鼠标事件大全js鼠标事件大全js鼠标事件大全
用matlab编程,对鼠标事件编程的小技巧,供大家相互交流学习总结。
代码介绍了鼠标事件包括鼠标的移动,按下、松开、单击、双击等获取事件。
鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效鼠标事件特效
js常用方法 欢迎大家下载!里面的内容很多,主要有js的常用鼠标事件的方法!喜欢js的朋友可以下载!很全面的!
里面提供了 所有的鼠标事件的汇总 对刚开始接触JS的很有用处 在实际的开发中 不能离开的一个文本
Flash鼠标事件,鼠标与实例挂接事件。将实例化对象的坐标与鼠标的坐标挂接,使得实例化对象随着鼠标移动进行移动。
vc++模拟鼠标事件 代码很简单 傻瓜式教程
Mottle是一个简单的事件管理器,负责处理在开发 jsPlumb 和 jsPlumb 工具包时经常遇到的一些事件。 简单来说,它的特点是: 在启用触摸的设备上将鼠标事件自动映射到其触摸等
简单的例子,qt中的鼠标事件例如点击事件、释放事件、双击事件、离开事件、按压事件等可以看看~比较适合啥也不会的人呢
c#鼠标事件的使用小实例,初学者要看哦,我那时也是不懂饿 自己找了好久
Delphi鼠标事件操作..........
java图形处理及鼠标事件处理, 资源描述 资源描述 资源描述
HTML 控件 鼠标事件,HTML 控件 鼠标事件,HTML 控件 鼠标事件
AS3 特效 demo 鼠标事件 鼠标顶球
鼠标事件 鼠标经过显示悬浮层
用flashCs4做的关于鼠标事件处理的内容,
图像用户界面程序设计;鼠标委托时间处理模型.
Browser: IE4 | N4 | O 鼠标双击事件 onMouseDown HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标上的按钮被按下了 onMouseUp HTML: 2 | 3 | 3.2 | 4 Browser: IE4 | N4 | O 鼠标按下后,松开时激发的事件 ...