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 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
js通过location.search来获取页面传来的参数
Sep 11 Javascript
Jquery 实现table样式的设定
Jan 28 Javascript
使用JavaScript 实现的人脸检测
Mar 24 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 Javascript
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 jQuery
浅谈Vue-cli 命令行工具分析
Nov 22 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
详解Vue项目中实现锚点定位
Apr 24 Javascript
夯基础之手撕javascript继承详解
Nov 09 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 身份证号验证函数
2009/05/07 PHP
ThinkPHP采用模块和操作分析
2011/04/18 PHP
php获取本地图片文件并生成xml文件输出具体思路
2013/04/27 PHP
PHP与jquery实时显示网站在线人数实例详解
2016/12/02 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
2010/10/14 Javascript
再论Javascript的类继承
2011/03/05 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
Bootstrap安装环境配置教程分享
2016/05/27 Javascript
Vue.js表单控件实践
2016/10/27 Javascript
手机移动端实现 jquery和HTML5 Canvas的幸运大奖盘特效
2016/12/06 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
ES6中class类用法实例浅析
2017/04/06 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
微信小程序 Storage更新详解
2019/07/16 Javascript
Python 正则表达式操作指南
2009/05/04 Python
python使用mailbox打印电子邮件的方法
2015/04/30 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
python实现折半查找和归并排序算法
2017/04/14 Python
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
numpy数组拼接简单示例
2017/12/15 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
浅析PEP570新语法: 只接受位置参数
2019/10/15 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
python神经网络编程实现手写数字识别
2020/05/27 Python
如何对python的字典进行排序
2020/06/19 Python
python实现猜拳游戏项目
2020/11/30 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
python实现三种随机请求头方式
2021/01/05 Python
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
学习委员自我鉴定
2014/01/13 职场文书
骨干教师考核方案
2014/05/09 职场文书
聊一聊python常用的编程模块
2021/05/14 Python