attachEvent 在ie8 兼容是怎么写的？

var btn = document.getElementById('butn');

function change () {
    if (this.value === '显示') {
        this.value = '隐藏'
    } else {
        this.value = '显示'
    }
    alert(this);
}
if(btn.addEventListener){
    btn.addEventListener('click', change);
}else if(btn.attachEvent){
    btn.attachEvent("click",change);
    alert("出来没"); //ie8兼容 alert这个出来了但是 这块没有反应。这是为什么呢？
}


<input type="button" id="butn" value="显示/隐藏" />
<div>标题</div>
<div>内容</div>

javascript

阅读 5.2k

4 个回答

得票最新

tablecell

1.5k163113

发布于
2016-03-22

✓ 已被采纳


<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
  <title></title>
  <meta charset="UTF-8">
</head>
<body>
 
<input type="button" id="butn" value="显示/隐藏" />
<div>标题</div>
<div>内容</div>
<script type="text/javascript">

var btn = document.getElementById('butn');

function change () {
 
    if (btn.value === '显示') {
        btn.value = '隐藏'

    } else {
        btn.value = '显示'
    }
 
}
if(btn.addEventListener){
    btn.addEventListener('click', change);
}else if(btn.attachEvent){
    btn.attachEvent("onclick",change);
    //alert("出来没"); //ie8兼容 alert这个出来了但是 //这块没有反应。这是为什么呢？
}
</script>



 
</body>
</html>

ie是onclick 另外不要用this

liaochao28

511

发布于
2016-03-22

新手上路，请多包涵

attachEvent的时候 "click" 前面要加个"on"