js鼠标事件

js的鼠标事件是一个很庞大的事件,包括以下几个:
mousedown//鼠标的键钮被按下。
mouseup//鼠标的键钮被释放弹起。
click//单击鼠标的键钮。
dblclick//鼠标的键钮被按下。
contextmenu //弹出右键菜单。
mouseover//鼠标移到目标的上方。
mouseout//鼠标移出目标的上方。
mousemove//鼠标在目标的上方移动。

这其中mousedown和mouseup是有时间先后顺序的,如果点击一个事件,则会监听到:mousedown--mouseup--click这样的一个顺序。
对于获得鼠标的坐标,根据参照系的不同,分为以下几个坐标系
1,根据当前浏览器的可是区域为参照物(clientX,clientY)
2,根据显示器的屏幕为参照(screenX,screenY)
3,火狐自己的坐标(pageX,pageY)对于当前网页

在js的库jquery中,对于鼠标事件有以下几个
.click ()//为js的click事件绑定一个处理器,或者触发在元素click上面的事件
.dblclick()//为js的chclick事件绑定处理器,或者触发元素dbclick上的事件
.hover()//当鼠标进入和离开原素是执行元素上的事件,这个事件可以是一个可以是两个
.mousedown()//为js的mousedown事件绑定一个处理函数,或触发元素上的事件
.mouseenter()//为鼠标进入事件绑定函数或者触发事件
.mouseleave()//为鼠标离开事件绑定函数或者触发事件
.mousemove()//为鼠标移动事件爱呢绑定函数或者触发事件
.mouseout()//为mouseout事件绑定函数或者触发   支持冒泡事件
.mouseover()//为mouseover事件绑定函数或者触发  支持冒泡事件
.mouseup()//为mouseup事件绑定函数或者触发
.toggle()//绑定两个或者多个处理程序绑定到匹配的元素,执行交替的点击动作

猜你喜欢

转载自soyomo.iteye.com/blog/2373254
今日推荐