addEventListener, onkeyup, textarea

[kenzie.campbell]

I have a small onkeyup script for a textarea, and I'd like to move it
out to a separate file with the addEvent function below. Can someone
demonstrate this for me? (My attempts have been unsuccesful.)


<textarea name="text_content" id="text_content" cols="40" rows="15"
onkeyup="textLimit()></textarea>


function addEvent(obj, evType, fn) {
if (obj.addEventListener){
obj.addEventListener(evType, fn, true);
return true;
}
else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else {
return false;
}
}


Thanks!

 

[Martin Honnen]

I have a small onkeyup script for a textarea, and I'd like to move it
out to a separate file with the addEvent function below. Can someone
demonstrate this for me? (My attempts have been unsuccesful.)


<textarea name="text_content" id="text_content" cols="40" rows="15"
onkeyup="textLimit()></textarea>


function addEvent(obj, evType, fn) {
if (obj.addEventListener){
obj.addEventListener(evType, fn, true);
return true;
}
else if (obj.attachEvent){
var r = obj.attachEvent("on"+evType, fn);
return r;
}
else {
return false;
}
}

That addEvent function takes the object to add the event
handler/listener to as the first argument so you could use
var obj = document.getElementById('text_content');
to get at the textarea object, then you need the second argument, the
event type e.g. 'keyup', and the third arugment, the event
handler/listener, a function object taking an event argument e.g.
function textLimit (evt) {
evt = evt || window.event;
// deal with evt here
}
and then you need to call the function e.g.
addEvent(obj, 'keyup', textLimit);
you need to do this after the <textarea> has been parsed.