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


Posted in Javascript onMay 09, 2016

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

Javascript 相关文章推荐
js 表格隔行颜色
Dec 02 Javascript
替代window.event.srcElement效果的可兼容性的函数
Dec 18 Javascript
js实现在文本框光标处添加字符的方法介绍
Nov 24 Javascript
谈谈关于JavaScript 中的 MVC 模式
Apr 11 Javascript
js获取select选中的option的text示例代码
Dec 19 Javascript
控制台报错object is not a function的解决方法
Aug 24 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
Nov 30 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
基于Vue-cli快速搭建项目的完整步骤
Nov 03 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
js原型链与继承解析(初体验)
May 09 #Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
May 09 #Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
May 09 #Javascript
JavaScript中的prototype原型学习指南
May 09 #Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 #Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
May 09 #Javascript
jQuery代码实现表格中点击相应行变色功能
May 09 #Javascript
You might like
PHP调用三种数据库的方法(2)
2006/10/09 PHP
php中用socket模拟http中post或者get提交数据的示例代码
2013/08/08 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
php cli模式下获取参数的方法
2017/05/05 PHP
php下载远程大文件(获取远程文件大小)的实例
2017/06/17 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
浅析JavaScript事件和方法
2015/02/28 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
深入解析JavaScript编程中的this关键字使用
2015/11/09 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
修改js confirm alert 提示框文字的简单实例
2016/06/10 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
jQuery Validation Engine验证控件调用外部函数验证的方法
2017/01/18 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
详解VUE-地区选择器(V-Distpicker)组件使用心得
2018/05/07 Javascript
js中forEach,for in,for of循环的用法示例小结
2020/03/14 Javascript
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
学习python (1)
2006/10/31 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
详细解析Python中的变量的数据类型
2015/05/13 Python
python编码最佳实践之总结
2016/02/14 Python
详解Python中的变量及其命名和打印
2016/03/11 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
django-filter和普通查询的例子
2019/08/12 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
Python魔术方法专题
2020/06/19 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
HTML5 表单验证失败的提示语问题
2017/07/13 HTML / CSS
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
幼儿园门卫岗位职责
2014/02/14 职场文书
政治表现评语
2014/05/04 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
幼儿园心得体会范文
2016/01/21 职场文书
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python