扩展onclick功能

时间:2012-06-27 03:59:48

标签: javascript

我有像这样的onclick功能

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

我想根据服务器响应为它添加一个额外的功能,这样我就可以显示更多,比如不仅显示你好,而且还有'欢迎你',如何在没有jquery的情况下编写它?

onclick = function(){alert('you are welcome')}
谢谢你的帮助。

4 个答案:

答案 0 :(得分:5)

使用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!");
});

答案 1 :(得分:1)

使用事件列表器可能会有所帮助,但请注意,W3C模型没有说明首先触发了哪个事件处理程序。

我建议您从函数中检查服务器响应,然后从那里调用第二个函数。

答案 2 :(得分:0)

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

答案 3 :(得分:0)

yourelement.attachEvent('onclick',hello);

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