jQuery绑定事件-多种实现方式总结

前端技术 2023/09/03 JavaScript

jQuery绑定事件-多种实现方式总结

<html>
<head>
<meta charset=\"utf-8\" />
<script src=https://pan.baidu.com/s/1o8GiuOq?qq-pf-to=pcqq.c2c></script>
</head>

<body>
<input type=\"text\"/>
<input type=\"button\" value=\"button1\"/>
<script>
$(function(){
  var text = $(\":text\");
  var button = $(\":button\");
  //调试器记录日志 console.log(\"message\"); 如：火狐浏览器，打开FireBug(按F12)
  
  //触发单个事件：两种方式
  button.bind(\"mouseover\",function(){
    console.log(\"移入\");
  });
  button.bind({
    \"mouseout\": function(){
      console.log(\"移出\");
    }
  });
  //多个事件：三个方式
  text.bind(\"dblclick blur\",function(){
    console.log(\"双击或者失去焦点\");
  });
  text.bind({
    \"dblclick blur\":function(){
      console.log(\"双击或者失去焦点\");
    }
  });
  text.bind({
    \"dblclick\":function(){
      console.log(\"双击\");
    },
    blur:function(){
      console.log(\"失去焦点\");
    }
  });
  
  //取消事件
  text.unbind(\"dblclick\"); //取消单个事件
  //text.unbind(\"dblclick blur\"); //取消多个事件
  //text.unbind(); //取消全部事件
});

</script>
</body>
</html>

以上这篇jQuery绑定事件-多种实现方式总结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/6384

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案