Use the oncontextmenu event. Here’s an example: And using event listeners (credit to rampion from a comment in 2011): Don’t forget to return false, otherwise the standard context menu will still pop up. If you are going to use a function you’ve written rather than javascript:alert(“Success!”), remember to return false in BOTH the function AND the oncontextmenu attribute.
I know this is a question much discussed but I can’t figure out why it does not work for me. This is my function: If I have the alerts uncommented or if I have Mozilla’s bugzilla open it works fine, otherwise it does not redirect to the other page. Any ideas why?
I really recommend using some sort of library, but you asked for it, you get it: Demo Remember that this may not run in all browsers (tested only in Firefox, definitely not working in IE <9).
The onbeforeunload event is not cancel-able, because of security reasons, but if an event handler function for the onbeforeunload event returns a string value, this text will be shown in a confirmation dialog box, where the user can confirm whether he wants to stay or leave the current page. Note that event listeners cannot be registered for the onbeforeunload event with the addEventListener and attachEvent methods (only … Read more
You can use element.scrollTop and element.scrollLeft to get the vertical and horizontal offset, respectively, that has been scrolled. element can be document.body if you care about the whole page. You can compare it to element.offsetHeight and element.offsetWidth (again, element may be the body) if you need percentages.
The ready event occurs after the HTML document has been loaded, while the onload event occurs later, when all content (e.g. images) also has been loaded. The onload event is a standard event in the DOM, while the ready event is specific to jQuery. The purpose of the ready event is that it should occur as early as possible after the document has loaded, so … Read more
A non-jquery version that works in both webkit and gecko:
Unfortunately, assignment to innerHTML causes the destruction of all child elements, even if you’re trying to append. If you want to preserve child nodes (and their event handlers), you’ll need to use DOM functions: Edit: Bob’s solution, from the comments. Post your answer, Bob! Get credit for it. 🙂
You can add a click event handler for this: This will alert when it’s clicked, if you want to track it for later, just set a variable to true in that function instead of alerting, or variable++ if you want to count the number of clicks, whatever your ultimate use is. You can see an example here.
I think that the fastest way to do this is to just clone the node, which will remove all event listeners: Just be careful, as this will also clear event listeners on all child elements of the node in question, so if you want to preserve that you’ll have to resort to explicitly removing listeners … Read more