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 相关文章推荐
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
javascript中文本框中输入法切换的问题
Dec 10 Javascript
extjs 如何给column 加上提示
Jul 29 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
JS框架之vue.js(深入三:组件1)
Sep 29 Javascript
使用jquery给指定的table动态添加一行、删除一行
Oct 13 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
小程序实现分类页
Jul 12 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 Javascript
vue自定义标签和单页面多路由的实现代码
May 03 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发电子邮件
2006/10/09 PHP
PHP实现QQ空间自动回复说说的方法
2015/12/02 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
jquery click([data],fn)使用方法实例介绍
2013/07/08 Javascript
js实现点击向下展开的下拉菜单效果代码
2015/09/01 Javascript
纯JS代码实现一键分享功能
2016/04/20 Javascript
JQuery.validate在ie8下不支持的快速解决方法
2016/05/18 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
BootStrap table删除指定行的注意事项(笔记整理)
2017/02/05 Javascript
Vue获取DOM元素样式和样式更改示例
2017/03/07 Javascript
学习Vue组件实例
2018/04/28 Javascript
基于layui数据表格以及传数据的方式
2018/08/19 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
如何在node环境实现“get数据解析”代码实例
2020/07/03 Javascript
vue 路由meta 设置导航隐藏与显示功能的示例代码
2020/09/04 Javascript
[00:02]DOTA2新版本使用PA至宝后暴击展示
2014/11/19 DOTA
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
详解python之配置日志的几种方式
2017/05/22 Python
python绘制双Y轴折线图以及单Y轴双变量柱状图的实例
2019/07/08 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
一套C#面试题
2013/10/09 面试题
微型企业创业投资计划书
2014/01/10 职场文书
治庸问责心得体会
2014/09/12 职场文书
荆州古城导游词
2015/02/06 职场文书
大学生社会实践活动总结报告
2015/05/06 职场文书
2016年庆“七一”主题党日活动总结
2016/04/05 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
关于Mybatis中SQL节点的深入解析
2022/03/19 Java/Android
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL