web-dev-qa-db-ja.com

IE8で関数を含む値でOnClick属性を設定する方法は？

私の目標は、リンクのonclick属性を変更することです。私はそれを正常に行うことができますが、結果のリンクはie8では機能しません。 ff3で動作します。

たとえば、これはFirefox 3で機能しますが、IE8では機能しません。どうして？

<p><a id="bar" href="#" onclick="temp()">click me</a></p>

<script>
    doIt = function() {
        alert('hello world!');
    }
    foo = document.getElementById("bar");
    foo.setAttribute("onclick","javascript:doIt();");
</script>
javascriptonclicksetattribute
32
edt

そのためにsetAttributeを使用する必要はありません-このコードは機能します（IE8も）

<div id="something" >Hello</div>
<script type="text/javascript" >
    (function() {
        document.getElementById("something").onclick = function() { 
            alert('hello'); 
        };
    })();
</script>
61
Hugoware

あなたの最善の策は、jqueryやprototypeのようなjavascriptフレームワークを使用することですが、それが失敗した場合、以下を使用する必要があります：

if (foo.addEventListener) 
    foo.addEventListener('click',doit,false); //everything else    
else if (foo.attachEvent)
    foo.attachEvent('onclick',doit);  //IE only

編集：

また、機能が少しずれています。そのはず

var doit = function(){
    alert('hello world!');
}
9
Jonathan Fingland

Onclickを設定して、次のように関数を呼び出すこともできます。

foo.onclick = function() { callYourJSFunction(arg1, arg2); };

この方法では、引数も渡すことができます。 .....

7
small wonder

以下も使用できます。

element.addEventListener("click", function(){
    // call execute function here...
}, false);
1
Quang Le