常用的JS原生事件绑定和JQ事件方式汇总

[复制链接]
查看: 718|回复: 0

585

主题

1179

帖子

6291

积分

管理员

人亦已歌

Rank: 12Rank: 12Rank: 12

积分
6291

活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

发表于 2022-9-30 15:58:42 | 显示全部楼层 |阅读模式
原生事件绑定
  1. 行内绑定事件 <input type="button" name="nn" id="nn" value="变色" onclick="bianse()"/>
  2. 行内绑定函数中的this指向为window
  3. ----------------------------------------------------------------------------------------------
  4. 动态绑定事件 元素.onclick=function(){};
  5. 动态绑定函数中的this指向触发事件的标签元素
  6. 移除动态/行内绑定事件 元素.onclick=“”;
  7. ----------------------------------------------------------------------------------------------
  8. 事件绑定_监听绑定事件 元素.addEventListener('click',function(){});
  9. 事件绑定_移除监听事件 元素.removeEventListener('click',f[监听函数需要是f]);
  10. 监听绑定函数中的this指向触发事件的标签元素

  11. 三种绑定方式的区别:
  12. 行内绑定,如果同一个标签、同一个事件,生效的永远是第一个事件函数。
  13. 普通绑定,如果同一个标签、同一个事件,生效的永远是第最后一个事件函数,之前的被覆盖。
  14. 监听绑定,如果同一个标签、同一个事件,生效的是多个事件函数。
复制代码


JQ事件绑定
  1. 页面加载事件_jQ一 $(document).ready(function(){console.log(123);});
  2. 页面加载事件_jQ二 $().ready()(function(){console.log(123);});
  3. 页面加载事件_jQ三 $(function(){console.log(123);});

  4. 事件绑定_jQ $('#btn').click(function(){console.log('你点疼我了');});
  5. 事件绑定_jQ $('input').mouseover(function(){console.log('来吧老弟');//多个标签同时绑定});
  6. 事件绑定_jQ $('#btn').on('click',function(){console.log(123)});

  7. 移除事件_jQ $('#btn').off('cilck');//解绑click事件
  8. 移除并重新绑定事件_jQ $('#btn').off().on('cilck',functiong(){});//解绑以前的事件,重新绑定新的事件

  9. 总结:
  10. JQ事件绑定语法 元素.事件名称=事件函数 或 元素.on("事件名称",事件函数)
  11. JQ事件移除语法 元素.off("事件名称")
  12. JQ事件移除后绑定语法 元素.off("事件名称").on("事件名称",事件函数)
复制代码


懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

精彩图文
 
 
在线客服
技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表