1.鼠标点击事件:click(单击)dbclick(双击)
方法一:$ele.click()
绑定ele元素,用来绑定移个事件,一般用的比较少
$("#test").click(function(){
alect(这个事件被触发了);
})
方法二:$ele.click(handler(eventobject))
出发点击操作,会回调handler函数,this指向绑定事件的元素
$("#test").click(function(){
//this指向div元素
})
方法三: $ele.click([eventdata],handler(eventobject))
可以接受一个数据参数
$("#test").click(111111,function(){
//this指向div元素
//e.data 传递数据
})
dbclick与click用法基本相同,但是它两个事件不能同时绑定在一个元素上
mousedown,mouseup,mousemove,mouseover,mouseout的用法基本一致
2.鼠标事件之hover事件
在hover方法中查传递两个回调函数,不需要显示绑定事件
$(selector).hover(handlerIn,handlerOut)
handlerIn(eventobject):当鼠标指针进入触发执行的事件函数
handlenOut(eventobject):当鼠标指针移出时触发执行的事件函数
3.鼠标事件之focusin事件
当一个元素或者内部的一个元素获得聚焦的时候
其语法规则与前面的基本一致,这里提供一个简单的例子:
<body>
<h2>.focusin()方法</h2>
<div class="left">
<div class="aaron">
点击聚焦:<input type="text" />
</div>
</div>
<div class="right">
<div class="aaron1">
点击聚焦并传递参数:<input type="text" />
</div>
</div>
<script type="text/javascript">
//input聚焦
//给input元素增加一个边框
$("input:first").focusin(function() {
$(this).css('border','2px solid red')
})
</script>
<script type="text/javascript">
//不同函数传递数据
function fn(e) {
$(this).val(e.data)
}
function a() {
$("input:last").focusin('慕课网', fn)
}
a();
</script>
</body>