jQuery 鼠标事件之mousedown与mouseup事件
用户交互操作中,最简单直接的操作就是点击操作,因此jQuery提供了一个mousedown的快捷方法可以监听用户鼠标按下的操作,与其对应的还有一个方法mouseup快捷方法可以监听用户鼠标弹起的操作。两种方法用法类似,下面以mousedown()为例
使用上非常简单:
方法一:$("").mousedown()
绑定$ele元素,不带任何参数一般是用来指定触发一个事件,可能一般用的比较少
下面我们来做一个实例,点击按钮,让一段文字变色,当鼠标松开是变另外一种颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>事件</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<p>php 中文网</p>
<button>切换</button>
<script>
$("button").mousedown(function(){
$("p").css('color','red');
})
$("button").mouseup(function(){
$("p").css('color','green');
})
</script>
</body>
</html>当鼠标点击并没有松开时,文字颜色是红色,当松开是绿色

一辆想出轨的无轨电车
这个应该和移除的那个放一起说
8年前 添加回复 0