码迷,mamicode.com
首页 > Web开发 > 详细

JQuery mouse事件运用方法

时间:2015-04-07 11:17:17      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

mousedown(fn)

       在每一个匹配元素的mousedown事件中绑定一个处理函数。
      mousedown事件在鼠标在元素上点击后会触发

       mousemove(fn)
       在每一个匹配元素的mousemove事件中绑定一个处理函数。
      mousemove 事件通过鼠标在元素上移动来触发。事件处理函数会被传递一个变量——事件对象,其.clientX 和 .clientY 属性代表鼠标的坐标

mouseout(fn)

       在每一个匹配元素的mouseout事件中绑定一个处理函数。
      mouseout事件在鼠标从元素上离开后会触发

mouseover(fn)
       在每一个匹配元素的mouseover事件中绑定一个处理函数。
      mouseover事件会在鼠标移入对象时触发

mouseup(fn)
       在每一个匹配元素的mouseup事件中绑定一个处理函数。
      mouseup事件会在鼠标点击对象释放时触发

       返回值:jQuery

       参数:
      fn(Function) : 在每一个匹配元素的mousedown,mousemove,mouseout,mouseover,mouseup事件中绑定一个处理函数。

       注:“参数”里,是对应的某一个事件绑定一个处理函数。

例:<a herf="#" id="AID"></a>

为以上链接添加以上事件:

$(document).ready(function() {
    $("#AID").mousemove(function(){
        alert("添加了鼠标移入事件!");
    });
     $("#AID").mouseout(function(){
        alert("添加了鼠标离开事件!");
    });
   
});

本文出处:http://hi.baidu.com/563944808/item/a2ae4827768df00e77272c62

JQuery mouse事件运用方法

标签:

原文地址:http://www.cnblogs.com/yangsoon/p/4397519.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!