jQuery绑定事件的几种实现方式


Posted in Javascript onMay 09, 2016

本文实例为大家分享了jQuery绑定事件多种实现方法,供大家参考,具体内容如下

<html>
<head>
<meta charset="utf-8" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN-->
</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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家继续关注小编为大家分享的精彩文章。

Javascript 相关文章推荐
javascript Object与Function使用
Jan 11 Javascript
url参数中有+、空格、=、%、&amp;、#等特殊符号的问题解决
May 15 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
jQuery插件slider实现拖动滑块选取价格范围
Apr 30 Javascript
微信小程序 使用canvas制作K线实例详解
Jan 12 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
JS全角与半角转化实例(分享)
Jul 04 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
Aug 03 Javascript
全选复选框JavaScript编写小结(附代码)
Aug 16 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
express express-session的使用小结
Dec 12 Javascript
vant时间控件使用方法详解
Dec 24 Javascript
jquery实现左右无缝轮播图
Jul 31 #Javascript
node.js从数据库获取数据
May 08 #Javascript
JavaScript希尔排序、快速排序、归并排序算法
May 08 #Javascript
基于jquery实现最简单的选项卡切换效果
May 08 #Javascript
基于javascript实现图片滑动效果
May 07 #Javascript
基于jquery实现图片放大功能
May 07 #Javascript
基于bootstrap插件实现autocomplete自动完成表单
May 07 #Javascript
You might like
php中http与https跨域共享session的解决方法
2014/12/20 PHP
PHP7新增函数
2021/03/09 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
js GridView 实现自动计算操作代码
2009/03/25 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
2011/04/05 Javascript
浅说js变量
2011/05/25 Javascript
jquery next nextAll nextUntil siblings的区别介绍
2013/10/05 Javascript
js实现点击图片改变页面背景图的方法
2015/02/28 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
HTML中setCapture、releaseCapture 使用方法浅析
2016/09/25 Javascript
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
Angular中的$watch方法详解
2017/09/18 Javascript
js设置随机切换背景图片的简单实例
2017/11/12 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
JavaScript基础心法 数据类型
2018/03/05 Javascript
vue自定义全局共用函数详解
2018/09/18 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
Jquery实现无缝向上循环滚动列表的特效
2019/02/13 jQuery
python中对list去重的多种方法
2014/09/18 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
VSCode下配置python调试运行环境的方法
2018/04/06 Python
python 串口读取+存储+输出处理实例
2019/12/26 Python
详解Tensorflow不同版本要求与CUDA及CUDNN版本对应关系
2020/08/04 Python
matplotlib制作雷达图报错ValueError的实现
2021/01/05 Python
html5 Canvas画图教程(11)—使用lineTo/arc/bezierCurveTo画椭圆形
2013/01/09 HTML / CSS
Delphi软件工程师试题
2013/01/29 面试题
业务部经理岗位职责
2014/01/04 职场文书
公司年会搞笑主持词
2014/03/24 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang