onclick事件

onclick事件

一．扫盲

• 之前在浏览器上搜了一下onclick的ie兼容性，搜到一些ie不兼容onclick事件的文章，还错误认为onclick不兼容ie浏览器，今天改正这种看法：onclick事件的浏览器支持如下：

• 也就是说ie浏览器支持onclick事件。
• 那么为什么还在网上搜到很多ie下onclick事件无效的帖子呢？这是因为，在ie浏览器下，当用到onclick事件时，在事件处理中可能用到了ie浏览器不兼容的属性，所以导致看起来像onclick没起作用。

二．详情

• onclick事件定义和用法：

onclick事件会在元素被点击时发生。

• 语法：

HTML中：

<element onclick=”SomeJavaScriptCode”>

JavaScript中：

object.onclick = function () {
    SomeJavaScriptCode
};

• 应用实例1：

<button id="btn">点我弹出alert</button>
<script>
var myfun = function() {
    var b = document.getElementById("btn");
    b.onclick = function () {
        alert("123");
    }
}
myfun();
</script>

• 应用实例2：

<input id="ipt" onclick="f()" type="text"/>
<script>
var f= function() {
   alert("123");
}
</script>