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去掉数组中的重复元素
Jan 13 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 Javascript
图片上传插件jquery.uploadify详解
Nov 15 Javascript
javascript批量修改文件编码格式的方法
Jan 27 Javascript
深入分析Javascript跨域问题
Apr 17 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
js HTML5多媒体影音播放
Oct 17 Javascript
Vue.js仿Metronic高级表格(一)静态设计
Apr 17 Javascript
微信小程序图片选择区域裁剪实现方法
Dec 02 Javascript
Vue.Draggable拖拽功能的配置使用方法
Jul 29 Javascript
在vue中使用jsonp进行跨域请求接口操作
Oct 29 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 CLI实现简单的数据库实时监控调度
2009/07/01 PHP
解析php file_exists无效的解决办法
2013/06/26 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
PHP中的表达式简述
2016/05/29 PHP
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
javascript随机之洗牌算法深入分析
2014/06/07 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
2017/09/12 jQuery
js中apply与call简单用法详解
2017/11/06 Javascript
详解vue表单——小白速看
2018/04/08 Javascript
JS实现判断数组是否包含某个元素示例
2019/05/24 Javascript
python使用Image处理图片常用技巧分析
2015/06/01 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
pandas-resample按时间聚合实例
2019/12/27 Python
Python数据正态性检验实现过程
2020/04/18 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
惠普香港官方商店:HP香港
2019/04/30 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
关于人生的感言
2014/01/17 职场文书
初二学习计划书范文
2014/04/27 职场文书
临床专业自荐信
2014/06/22 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
化工厂员工工作总结
2015/10/15 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
goland设置颜色和字体的操作
2021/05/05 Golang
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers