javascript - Add a second onChange event? - Stack Overflow

admin管理员组

文章数量:1345316

Hi I found this script online that adds an onChange event to an element and I would like to now add a second onChange event to the same element. Heres the script:

document.getElementById('piname').onchange =
function() {
    removeChildren({
        parentId: 'account_table',
        childName: 'extraaccount'
    });
}

And the onChange event i want to add is:

showAccount(this.value)

Hi I found this script online that adds an onChange event to an element and I would like to now add a second onChange event to the same element. Heres the script:

document.getElementById('piname').onchange =
function() {
    removeChildren({
        parentId: 'account_table',
        childName: 'extraaccount'
    });
}

And the onChange event i want to add is:

showAccount(this.value)

• javascript
• onchange

Share Improve this question Follow asked Jul 26, 2011 at 14:22 Jonah KatzJonah Katz 5,2981717 gold badges6969 silver badges9191 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Use addEventListener() (and attachEvent as a fallback, if needed).
Example:

document.getElementById('piname').addEventListener("change", function(e){
  e = e || event;
  showAccount(e.target.value);
}, false);

Example, with fallback:

var element = document.getElementById('piname');
if(element.addEventListener){
  element.addEventListener("change", function(e){
    e = e || event;
    showAccount(e.target.value);
  }, false);
}
else if(element.attachEvent){
  element.attachEvent("onchange", function(e){
    e = e || event;
    showAccount(e.target.value);
  });
}

The simplest way is to cache the old function and call it from the new one:

var el = document.getElementById('piname'),
    old = el.onchange;

el.onchange = function () {
    old.call(el);
    showAccount(this.value);
}

Other than that, you could use addEventListener (W3C standards) and attachEvent (IE8 and lower):

var el = document.getElementById('piname'),
    fn = function (e) {
         e = e || window.event;
         showAccount((e.target || e.srcElement).value); 
    };

if ("addEventListener" in el) {
    el.addEventListener("change", fn, false);
}
else {
    el.attachEvent("onchange", fn);
}

Those methods allow you to attach as many handlers to events as you like.

本文标签： javascriptAdd a second onChange eventStack Overflow