DOM事件绑定
DOM事件绑定的级别可以理解为版本(标准)
DOM级别一共可以分为四个级别:DOM0级、DOM1级、DOM2级和DOM3级。
而DOM事件分为3个级别:DOM0级事件处理,DOM2级事件处理和DOM3级事件处理。
【DOM1级:没有关于事件绑定方面的内容(所以DOM事件不含1级)】
DOM0级事件之前,我们有必要了解一下HTML事件处理程序,也是最早的一种事件处理方式
<button type="button" onclick="showFn()"></button>
function showFn() {
alert('Hello World');
}
以上的代码,通过直接在行类绑定(直接在HTML代码里面定义了一个 onclick属性触发showfu这样的事件处理程序)最大的缺点就是HTML和JS耦合(对象之间的依赖性)太强,我们如果需要修改函数名就必须修改两个地方,优点是不需要操作DOM来完成事件的绑定。
DOM0级别事件绑定
DOM0级别:DOM最早版本的事件绑定方式,被所有浏览器兼容
用HTML绑定:(例:onclick)
<input type="button" id="btn" value="click me" onclic="show()"/>
JS绑定:
<input type="button" id="btn" value="click me" />
<script type="text/javascript">
document.getElementById("btn").onclick=show
function show(){
console.log("普通")
}
</script>
可以绑定匿名函数
<input type="button" id="btn" value="click me" />
<script type="text/javascript&#