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 相关文章推荐
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
Apr 17 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 Javascript
js实现拉幕效果的广告代码
Sep 02 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
浅谈如何使用webpack构建多页面应用
May 30 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 Javascript
js实现简易计算器功能
Oct 18 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 stream_context_create()作用和用法分析
2011/03/29 PHP
PHP调用JAVA的WebService简单实例
2014/03/11 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
PHP实现的QQ空间g_tk加密算法
2015/07/09 PHP
js函数获取html中className所在的内容并去除标签
2013/09/08 Javascript
js创建表单元素并使用submit进行提交
2014/08/14 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
2016/08/19 Javascript
JS实现屏蔽网页右键复制及ctrl+c复制的方法【2种方法】
2016/09/04 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
jQuery实现小火箭返回顶部特效
2020/02/03 jQuery
JS中的const命令你真懂它吗
2020/03/08 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
Python类定义和类继承详解
2015/05/08 Python
Python提取网页中超链接的方法
2016/09/18 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
解决python打不开文件(文件不存在)的问题
2019/02/18 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
Intimissimi德国网上商店:意大利知名内衣品牌
2018/04/03 全球购物
美国领先的眼镜和太阳镜在线零售商:Glasses.com
2019/08/26 全球购物
C#笔试题集合
2013/06/21 面试题
视光学专业毕业生推荐信
2013/10/28 职场文书
班长自荐书范文
2014/02/11 职场文书
活动总结报告格式
2014/05/09 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript