attachEvent方法的作用
2016-05-18 17:26
211 查看
用于HTML内代码层和UI层分离。
比如,你要给一个按钮增加一个单击事件,你会怎么做?
<input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" />
明显的,它破坏了标签,如果下次要修改这个按钮不小心就会丢失。
attachEvent是为了将事件分离,如:
<input type="button" id="theBtn" value="点击" />
var theBtn = document.getElementById("theBtn"); //取得ID为theBtn的按钮
theBtn.attachEvent("onclick", buttonClicked); //给按钮增加事件
function buttonClicked(e){ alert("点击了一下"); } //定义函数
attachEvent用法:
attachEvent(事件类型, 处理函数);
P.S.:在Firefox中,对应的函数是addEventListener(事件类型, 处理函数, 使用捕获);
在简单的HTML应用中可能用不用效果不明显,但是在复杂的HTML客户端JS代码内,优势就体现出来了。
比如,你要给一个按钮增加一个单击事件,你会怎么做?
<input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" />
明显的,它破坏了标签,如果下次要修改这个按钮不小心就会丢失。
attachEvent是为了将事件分离,如:
<input type="button" id="theBtn" value="点击" />
var theBtn = document.getElementById("theBtn"); //取得ID为theBtn的按钮
theBtn.attachEvent("onclick", buttonClicked); //给按钮增加事件
function buttonClicked(e){ alert("点击了一下"); } //定义函数
attachEvent用法:
attachEvent(事件类型, 处理函数);
P.S.:在Firefox中,对应的函数是addEventListener(事件类型, 处理函数, 使用捕获);
在简单的HTML应用中可能用不用效果不明显,但是在复杂的HTML客户端JS代码内,优势就体现出来了。
相关文章推荐
- linux中python环境搭建及升级后yum不可用解决方案
- Error: com.android.ide.common.process.ProcessException: org.gradle.proc ess.internal.ExecException:
- 《利用Python 进行数据分析》 - 笔记(4)
- LODOP
- 第十二周项目2:实现复数类中的运算符重载(1)
- 系统资源性能监测
- Java学习-30天
- math.random()和Math.round的区别
- 嵌入式开发的学习步骤及入门
- Unable to load class ‘org.codehaus.groovy.runtime.typehandling.ShortTypeHandling’
- 运用PopWindow实现仿微信弹出下拉列表
- 设计模式
- 线程详解
- ZooKeeper 3.4.5 分布式环境搭建详解
- Swift-自定义控件之IndicatorButton(带动画的按钮)
- c++易忘简单知识点
- ZooKeeper 3.4.5 分布式环境搭建详解
- 115. Distinct Subsequences
- 隐马尔可夫模型Hidden Markov Model(1)
- SUN(oracle)存储配置界面