javascript - 扩展点击功能

Question

我有这样的 onclick 功能

onclick = function(){alert('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 模型并未说明首先触发哪个事件处理程序。

我最好建议您从函数中检查服务器响应并从那里调用第二个函数。

Answer 3

如果没有 jQuery，请添加事件侦听器而不是使用 onClick 值。这是一个描述。

Answer 4

yourelement.attachEvent('onclick',hello);

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