六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

鼠标的JS事件:hover() mouseup() mousedown() mouseleave() mouseenter()

Admin | 2015-12-19 9:36:02 | ReadNums | 3847 | 标签 网页制作 | 打印本页
     

  在网页制作的过程中,常常会用到这些事件,下面逐一为大家介绍。

  一、click()

  click() 方法是当按钮点击事件被触发时会调用一个函数。

  该函数在用户点击 HTMl 元素时执行。

  在下面的实例中,当点击事件在某个 <p> 元素上触发时,隐藏当前的 <p> 元素:

  实例

  $("p").click(function(){
    $(this).hide();
  });

  二、dblclick()

  当双击元素时,会发生 dblclick 事件。

  dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数:

  实例

  $("p").dblclick(function(){
    $(this).hide();
  });

  三、mouseenter()

  当鼠标指针穿过元素时,会发生 mouseenter 事件。

  mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数:

  实例

  $("#p1").mouseenter(function(){
    alert("You entered p1!");
  });

  四、mouseleave()

  当鼠标指针离开元素时,会发生 mouseleave 事件。

  mouseleave() 方法触发 mouseleave 事件,或规定当发生 mouseleave 事件时运行的函数:

  实例

  $("#p1").mouseleave(function(){
    alert("Bye! You now leave p1!");
  });

  五、mousedown()

  当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

  mousedown() 方法触发 mousedown 事件,或规定当发生 mousedown 事件时运行的函数:

  实例

  $("#p1").mousedown(function(){
    alert("Mouse down over p1!");
  });

  六、mouseup()

  当在元素上松开鼠标按钮时,会发生 mouseup 事件。

  mouseup() 方法触发 mouseup 事件,或规定当发生 mouseup 事件时运行的函数:

  实例

  $("#p1").mouseup(function(){
    alert("Mouse up over p1!");
  });

  七、hover()

  hover()方法用于模拟光标悬停事件。

  当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

  实例

  $("#p1").hover(function(){
    alert("You entered p1!");
    },
    function(){
    alert("Bye! You now leave p1!");
  });


问题未解决:在线咨询

亚洲必赢登录app

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日