javascript - onclick機能を拡張する

Question

私はこのようなonclick機能を持っています

onclick = function(){alert('hello')}

サーバーの応答に基づいて関数を追加して、helloを表示するだけでなく、「どういたしまして」など、jqueryを使用せずにこれを書き込む方法をもっと表示できるようにします。

onclick = function(){alert('you are welcome')}

助けてくれてありがとう。

Answer 1

を使用しaddEventListenerます。

elementSelected.addEventListener("click", function(){
    alert('you are welcome');
});

これはそれを行うための現代的な方法です。

その古いIEの場合、代わりにこれを行う必要があります。

elementSelected.attachEvent("onclick", function(){
    alert('you are welcome');
});

---

したがって、それを行うためのより便利な方法は

function addEvent(ele, type, func){
    if(ele.addEventListener){
        ele.addEventListener(type, func, false);
    }else if(ele.attachEvent){
        ele.attachEvent("on" + type, func);
    }
}

addEvent(document.body, "click", function(){
    alert("Hello world!");
});

Answer 2

イベントリスタナーを使用するとうまくいくかもしれませんが、W3Cモデルはどのイベントハンドラーが最初に起動されるかを示していないことに注意してください。

関数内からサーバーの応答を確認し、そこから2番目の関数を呼び出すことをお勧めします。

Answer 3

jQueryがない場合は、onClick値を使用する代わりにイベントリスナーを追加します。これが説明です。

Answer 4

yourelement.attachEvent('onclick',hello);

Function hello(){
// do wat you want here
}