attachEvent 与 addEventListener 的监听
说到 attachEvent 与 addEventListener 的事件必然会提到 浏览器的判断,因为attachEvent只适用于于IE
先来看看常用的浏览器的判断
//判断浏览器类型
if(navigator.userAgent.indexOf("MSIE")>0) {
return "MSIE";
}
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox"; //火狐
}
if(isSafari=navigator.userAgent.indexOf("Safari")>0) {
return "Safari"; //苹果
}
if(isChrome=navigator.userAgent.indexOf("Chrome")>0) {
return "Chrome"; //谷歌
}
接下来就有了 监听事件
if (navigator.userAgent.indexOf("MSIE") > 0) {
document.getElementById('txtABC').attachEvent("onpropertychange", txtChange);
}
else if (navigator.userAgent.indexOf("Firefox") > 0) {
document.getElementById('txtABC').addEventListener("input", txtChange, false);
}
一起来看看addEventListener 的参数
1:事件名称:click, blur 等事件名称,注意事件名不要带"on"。 在IE 下 才会使用 onclick,也就是 使用attachEvent 事件监听的时候才用加On。
2: 绑定的函数 txtChange 不要加括号。
3: 布尔值,表示事件的响应顺序。当为false时为冒泡获取(由里向外),true时 方式(由外向里)。
当然
document.getElementById('txtABC').attachEvent("onpropertychange", txtChange);
方式 也可以使用jquery 来绑定事件 效果是一样的。
$("#txtArticleName").bind('propertychange', function() {
txChange();
});
这时候就会有一个问题出现,使用多个浏览器 就要写多个判断。
那么我们就换一种思路。使用键盘监听:
//////// 给txtArticleName绑定键盘事件
$("#txtArticleName").bind("keydown", function() {
txtChange();
}
});
大部分浏览器都支持,keydown事件,所以这么写可以兼容大部分浏览器.这样 代码,看起来更简洁。
最新文章
- CCF——Z字形扫描问题
- 查看SQLserver编码格式的SQL语句
- SQL Server 2012 联机丛书安装
- 副本限制修改-M端
- kettle输入“去除空格类型”设置不上
- openVPN报错:All TAP-Windows adapters on this system are currently in use
- 读Java 804 - Quick refresher
- [IT新应用]存储入门-文件级存储及块级别存储的选择
- phalcon: Windows 下 Phalcon dev-tools 配置 和 Phpstorm中配置Phalcon 代码提示, phalcon tools的使用
- POJ 3744 Scout YYF I (概率dp+矩阵快速幂)
- ThinkPHP - 图片水印
- 脱壳第三讲,UPX压缩壳,以及补充壳知识
- 我现在有个表,里面有100个不同的单词,每个单词对应有大概20个词组,我想通过sql,每个单词随机获取对应的3个词组,请问怎么写可以实现?
- JAVA WEB开发环境与搭建
- win 右键菜单栏出现sublime打开方式
- 2019.01.21 bzoj1758: [Wc2010]重建计划(01分数规划+长链剖分+线段树)
- 记录下自己常用的全框架HTML代码
- mongodb查询速度慢是什么原因?
- 白帽hacker酷炫小技能大盘点!
- c# 隐藏Tab控件的标签
热门文章
- Linux增加Swap分区
- classpath和环境变量设置
- setTimeout传参
- 别人的dubbo学习笔记
- 【转】Apache JMeter web性能测试实例
- Effective java笔记2--创建于销毁对象
- Linux学习笔记 -- 为 Shell 传递参数
- fatal error C1083: 无法打开包括文件:“qedit.h”: No such file or directory
- For input String:";"; 异常记录
- mysql多个字段拼接