当前位置: 首页 > 编程笔记 >

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

沈博延
2023-03-14
本文向大家介绍jQuery绑定事件-多种实现方式总结,包括了jQuery绑定事件-多种实现方式总结的使用技巧和注意事项,需要的朋友参考一下

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绑定事件-多种实现方式总结就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍多种jQuery绑定事件的实现方式,包括了多种jQuery绑定事件的实现方式的使用技巧和注意事项,需要的朋友参考一下 最近发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行。 下面是一个click事件被重复绑定的示例: 下面给出解决方法: 对于需要重复绑定的场景,再事件注册时候考虑用先unbind 再bind的方法;或者先off 再on 那jQuery

  • 本文向大家介绍jQuery绑定事件的几种实现方式,包括了jQuery绑定事件的几种实现方式的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery绑定事件多种实现方法,供大家参考,具体内容如下 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家继续关注小编为大家分享的精彩文章。

  • 本文向大家介绍JQuery绑定事件四种实现方法解析,包括了JQuery绑定事件四种实现方法解析的使用技巧和注意事项,需要的朋友参考一下 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式,分别是bind、li

  • 本文向大家介绍jQuery绑定事件的四种方式介绍,包括了jQuery绑定事件的四种方式介绍的使用技巧和注意事项,需要的朋友参考一下 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码。下面我们来看下jQuery中绑定事件的方式都有哪些。 jQuery中提供了四种事件监听方式,分别是bind、live

  • 本文向大家介绍JS事件绑定的常用方式实例总结,包括了JS事件绑定的常用方式实例总结的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS事件绑定的常用方式。分享给大家供大家参考,具体如下: 常用的事件绑定的几种方式有三种: 直接在 dom 元素上进行绑定。 用 on 绑定。 用 addEventListener、attachEvent 绑定。 一、直接在 dom 元素上进行绑定 二、用 on

  • 本文向大家介绍jQuery使用bind函数实现绑定多个事件的方法,包括了jQuery使用bind函数实现绑定多个事件的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery使用bind函数实现绑定多个事件的方法。分享给大家供大家参考,具体如下: 在jQuery中绑定多个事件名称是,使用空格隔开,举例如下: 在1.4版本以后,也可以如下绑定 更多关于jQuery相关内容感兴趣的读者