Comments on: The Ultimate addEvent(..) function http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/ If you don't expect too much from me, you might not be let down. Thu, 26 Jan 2012 08:23:55 +0000 hourly 1 http://wordpress.org/?v=3.3 By: sstchur http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-111105 sstchur Wed, 13 Apr 2011 17:10:10 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-111105 Hi Bettina, Yes, the issue would be that you're using an anonymous function defined on the fly. It's important to realize that any function created this way is always unique, so every time you make a call, the Javascript interpreter sees it as a new function being wired up. The solution is simply to not use anonymous functions. function formElementBlur(e) { updateField(this, this.value); } xb.addEvent(allFormElements[x], 'blur', formElementBlur); Hope this helps! Hi Bettina,

Yes, the issue would be that you're using an anonymous function defined on the fly. It's important to realize that any function created this way is always unique, so every time you make a call, the Javascript interpreter sees it as a new function being wired up.

The solution is simply to not use anonymous functions.

function formElementBlur(e)
{
updateField(this, this.value);
}

xb.addEvent(allFormElements[x], 'blur', formElementBlur);

Hope this helps!

]]> By: Bettina http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-111100 Bettina Wed, 13 Apr 2011 16:35:26 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-111100 Sorry, forgot the last closing bracket. I'm using this: xb.addEvent(allFormElements[x], "blur", function () { updateField(this, this.value) }); Sorry, forgot the last closing bracket. I'm using this:
xb.addEvent(allFormElements[x], "blur", function () { updateField(this, this.value) });

]]> By: Bettina http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-111099 Bettina Wed, 13 Apr 2011 16:33:13 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-111099 First of all, I want to thank you for this code, it's helped me a lot already. I'm having an issue however. I'm working with IE8 and I want to attach an event with a function to an element. Since the function requires two parameters, I'm doing the following: xb.addEvent(allFormElements[x], "blur", function () {updateField(this, this.value)}; But then your script fails to recognize if the function has already been attached to the element and adds it again, thus causing my update function to be called more than once. I'm guessing since I'm using anonymous functions. Do you have a solution? First of all, I want to thank you for this code, it's helped me a lot already. I'm having an issue however. I'm working with IE8 and I want to attach an event with a function to an element. Since the function requires two parameters, I'm doing the following: xb.addEvent(allFormElements[x], "blur", function () {updateField(this, this.value)};
But then your script fails to recognize if the function has already been attached to the element and adds it again, thus causing my update function to be called more than once. I'm guessing since I'm using anonymous functions. Do you have a solution?

]]> By: sstchur http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-81891 sstchur Tue, 28 Sep 2010 22:50:23 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-81891 Thanks! Glad you're finding it useful. We've been testing out IE9 around here lately and I haven't had any issues as of yet. On my team, we're using the version of addEvent that is in Gimme, but it is more or less identical to the UAE function. But I'm glad you brought it up -- I might have a few tweaks or bug fixes I've made in the Gimme version that I should probably port over to UAE. I'll make it a mental TODO. If you run into any IE9 problems, let me know. If I can't fix it, I'll ping the IE team. Thanks! Glad you're finding it useful.

We've been testing out IE9 around here lately and I haven't had any issues as of yet. On my team, we're using the version of addEvent that is in Gimme, but it is more or less identical to the UAE function. But I'm glad you brought it up — I might have a few tweaks or bug fixes I've made in the Gimme version that I should probably port over to UAE. I'll make it a mental TODO.

If you run into any IE9 problems, let me know. If I can't fix it, I'll ping the IE team.

]]> By: HB http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-81888 HB Tue, 28 Sep 2010 22:17:51 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-81888 I still use this in some projects today, it's really straightforward and reliable, and the built-in mouseenter/mouseleave is great. Have you done any testing in IE9, and/or do you expect to need to make any changes? From the looks of things it should probably follow the w3c flow and have no problems, but figured I'd ask if you knew for sure. I still use this in some projects today, it's really straightforward and reliable, and the built-in mouseenter/mouseleave is great. Have you done any testing in IE9, and/or do you expect to need to make any changes? From the looks of things it should probably follow the w3c flow and have no problems, but figured I'd ask if you knew for sure.

]]> By: Bob Carver http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-35079 Bob Carver Thu, 11 Mar 2010 00:46:02 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-35079 I discovered an interesting manifestation, that's only an issue in IE, when cloning nodes. It was necesssary to remove all event handlers before doing the clone, and then restoring those event handlers after the clone operation (and subsequent insertBefore elsewhere). If this was not done, for example, the mouseenter event was triggered by both the original node as well as the new node, even though the id of the new node was modified to be unique. There was no problem in FF or Chrome, just IE. It took quite a bit of time to figure this one out... I discovered an interesting manifestation, that's only an issue in IE, when cloning nodes. It was necesssary to remove all event handlers before doing the clone, and then restoring those event handlers after the clone operation (and subsequent insertBefore elsewhere). If this was not done, for example, the mouseenter event was triggered by both the original node as well as the new node, even though the id of the new node was modified to be unique. There was no problem in FF or Chrome, just IE. It took quite a bit of time to figure this one out…

]]> By: sstchur http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-7601 sstchur Wed, 17 Dec 2008 20:23:18 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-7601 @Mathias: Ok, this is back online now. Sorry for the inconvenience. @Mathias:

Ok, this is back online now. Sorry for the inconvenience.

]]> By: sstchur http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-7583 sstchur Wed, 17 Dec 2008 15:48:24 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-7583 @Mathias: Shoot! I'm sorry. I know what happened. I upgraded WordPress and I accidentally deleted my blogcode directory. Let me see if I can dig up a backup and get the files back in place. In the meantime, certainly feel free to check out the Gimme Library. It has a lot more functionality than just the addEvent function. @Mathias:

Shoot! I'm sorry. I know what happened. I upgraded WordPress and I accidentally deleted my blogcode directory.

Let me see if I can dig up a backup and get the files back in place.

In the meantime, certainly feel free to check out the Gimme Library. It has a lot more functionality than just the addEvent function.

]]> By: Mathias http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-7575 Mathias Wed, 17 Dec 2008 14:01:58 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-7575 Have you deleted the zip? When I click on the link it just gives me an error page saying the page wasn't found.. Should I just get the gimme lib instead? Have you deleted the zip?
When I click on the link it just gives me an error page saying the page wasn't found..

Should I just get the gimme lib instead?

]]> By: sstchur http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/comment-page-1/#comment-3814 sstchur Sat, 04 Oct 2008 04:24:53 +0000 http://blog.stchur.com/2008/09/25/the-ultimate-addevent-function/#comment-3814 Jamie, <p>Did you copy/paste or download the zip? I just downloaded the zip, included the .js file using a <script> tag, and tested the function in Firefox 3.0.3, and it worked just fine.</p> <p>I did not modify a single character in the .js file, and it worked perfectly for me -- no errors at all. The (function(){...})() is perfectly valid and did not cause any errors. And the event I hooked up worked properly as well.</p> <p>I'd suggest maybe trying the version in the zip, if you haven't already. I did mention in the post, that in the interest of keeping the blog entry a little shorter, copying and pasting will not work as an "out of the box" solution.</p> Jamie,

Did you copy/paste or download the zip? I just downloaded the zip, included the .js file using a <script> tag, and tested the function in Firefox 3.0.3, and it worked just fine.

I did not modify a single character in the .js file, and it worked perfectly for me — no errors at all. The (function(){…})() is perfectly valid and did not cause any errors. And the event I hooked up worked properly as well.

I'd suggest maybe trying the version in the zip, if you haven't already. I did mention in the post, that in the interest of keeping the blog entry a little shorter, copying and pasting will not work as an "out of the box" solution.

]]>