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 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
转自Jquery官方 jQuery1.1.3发布,速度提升800%,体积保持20K
Aug 19 Javascript
15 个 JavaScript Web UI 库
May 19 Javascript
js将字符串转成正则表达式的实现方法
Nov 13 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
vue.js实例todoList项目
Jul 07 Javascript
JavaScript继承与聚合实例详解
Jan 22 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
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
用C/C++扩展你的PHP 为你的php增加功能
2012/09/06 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
js中运算符&amp;&amp; 和 || 的使用记录
2014/08/21 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
Ajax实现不刷新取最新商品
2017/03/01 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
2018/09/25 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
理理Vue细节(推荐)
2019/04/16 Javascript
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
Python装饰器使用示例及实际应用例子
2015/03/06 Python
查看Django和flask版本的方法
2018/05/14 Python
opencv实现图片模糊和锐化操作
2018/11/19 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
Python为何不支持switch语句原理详解
2020/10/21 Python
HTML5的革新 结构之美
2011/06/20 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
意大利时尚精品店:Nugnes 1920
2020/02/10 全球购物
乌克兰网上珠宝商店:GoldSoveren
2020/03/31 全球购物
数控个人求职信范文
2014/02/03 职场文书
党的群众路线教育实践方案
2014/05/11 职场文书
水电站项目建议书
2014/05/12 职场文书
服务标语口号
2014/07/01 职场文书
园林技术专业求职信
2014/07/28 职场文书
行政答辩状范文
2015/05/21 职场文书
预备党员转正意见
2015/06/01 职场文书
庆元旦主持词
2015/07/06 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
2019经典广告词集锦!
2019/07/02 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
图文详解nginx日志切割的实现
2022/01/18 Servers
Nginx的基本概念和原理
2022/03/21 Servers
Python&Matlab实现樱花的绘制
2022/04/07 Python
手把手带你彻底卸载MySQL数据库
2022/06/14 MySQL