event-delegation

问题 I have a visual list of items like this: http://jsfiddle.net/viatropos/XCe3T/1/ In the real app, I'm only loading 200 total items. But the problem is the click event takes almost one second to call the handler, even with just 200 items. The mouseover event callback executes immediately no matter how many items are in the list. My question is, shouldn't the delegate method be just as fast no matter how many elements are on the page? All I am doing is this: $("body").delegate("a", "click",

问题 UPDATE: (recap, fiddle and bounty) This question hasn't been getting too much attention, so I'm going to spend some rep on it. I know I tend to be overly verbose in both my answers and questions. That's why I went ahead and set up this fiddle, which is, in my view, a decent representation of the kind of code I'm currently having to use to come close to a bubbling change event. A couple of issues I'm trying to resolve: The pseudo-change event doesn't fire on a select element, unless it looses

问题 UPDATE: (recap, fiddle and bounty) This question hasn't been getting too much attention, so I'm going to spend some rep on it. I know I tend to be overly verbose in both my answers and questions. That's why I went ahead and set up this fiddle, which is, in my view, a decent representation of the kind of code I'm currently having to use to come close to a bubbling change event. A couple of issues I'm trying to resolve: The pseudo-change event doesn't fire on a select element, unless it looses

问题 This question already has answers here : onclick=“” vs event handler (8 answers) Event listener vs event handler Closed 2 years ago . As a beginner I was just experimenting with various HTML elements and scripts. I then came across the HTML attribute onclick . As I had done more of scripting before my experiments with HTML, I was wondering if there is any difference between calling the function via the DOM itself or through JS/Jquery's event listener. E.g:- html <button onclick="myFunc()" id=

问题 I recently upgraded to hammer.js 2 and one of the first things a I noticed was that "hold" has been replaced with "press". My old code worked fine with event delegation, but switching to press only seems to work when I put it on a specific element. Note: I use hammer.js through the jquery plugin Hammer.js 1 $(element).hammer().on("hold",callback); Works fine $(rootElement).hammer().on("hold",".elementSelector",callback); Works fine Hammer.js 2 This $(element).hammer().on("press",callback);

问题 I am currently setting up the jQuery validation plug-in for use in our project. By default, there are some events automatically set up for handling. I.e. focus in/out, key up events on all inputs fire validation. I want it to only fire when the submit button is clicked. This functionality seems to be in-built into the plug-in, which is making it difficult to do this (without modifying the plug-in code, Not What I Want To Do). I have found the eventDelegate function calls in the plugin code

问题 I have a html table which i am using to enter the inventory details .In this table I have a input box for product name on which I am binding typeahead event of bootstrap.But the problem is that for the first row input box which is already present on the page when it is rendered, typeahead works fine.But when i add new rows for more entries, typeahead does not works with them.I know about the concept of event delegation but the problem is that I don't know how do i implement it in this case

问题 In JavaScript i used to use event delegation like this : someDiv.addEventListener('click', function(evt){ if(evt.target.id == "#someChild"){ // Do something.. } else if(evt.target.id == "#anotherChild"){ // Do something else.. } }, false); What's the equivalent of this in jQuery? i know about .on() but how to use it in event delegation ? i mean is this how is it done : someDiv.on('click, '#someChild, #anotherChild", function(evt){ if($(this).is("#someChild")){ // Do something.. } else if($

问题 What is the native implementation for event delegation on dynamically created dom elements? I tried looking at the jQuery source but I can't follow the .on method. Note: Currently I attach the event handlers after the dom elements are created, which seems pretty standard but I like the way jQuery .on handles dynamically created elements events with this syntax $( document ).on( "click", ".selector", handler ); . 回答1: What happens is basically this: // $(document).on("click", <selector>,

问题 I am doing like this : $(".classname").bind("keypress",function(){ alert("event happened"); }) code similar to above, working only once, I mean, the first time you type and click enter, it's working, but next time, its not at all reacting. $("#id").bind("keypress",function(){ alert("haiii"); }) the second code working all the time, but the first code working only once. Also if second code is run once, the first code is not even running once. What is the solution? I think I am missing some