jQuery的鼠标点击事件
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>