How to Catch Unhandled Javascript Errors Assign the window.onerror event to an event handler like: <script type=”text/javascript”> window.onerror = function(msg, url, line, col, error) { // Note that col & error are new to the HTML 5 spec and may not be // supported in every browser. It worked for me in Chrome. var extra … Read more
NOTE KeyPress is now deprecated. Use KeyDown instead. KeyPress, KeyUp and KeyDown are analogous to, respectively: Click, MouseUp, and MouseDown. Down happens first Press happens second (when text is entered) Up happens last (when text input is complete). The exception is webkit, which has an extra event in there: keydown keypress textInput keyup Below is … Read more
You have to put your code in the callback function you supply to setTimeout: function stateChange(newState) { setTimeout(function () { if (newState == -1) { alert(‘VIDEO HAS STOPPED’); } }, 5000); } Any other code will execute immediately.
A non-jquery version that works in both webkit and gecko: var keyboardEvent = document.createEvent(‘KeyboardEvent’); var initMethod = typeof keyboardEvent.initKeyboardEvent !== ‘undefined’ ? ‘initKeyboardEvent’ : ‘initKeyEvent’; keyboardEvent[initMethod]( ‘keydown’, // event type: keydown, keyup, keypress true, // bubbles true, // cancelable window, // view: should be window false, // ctrlKey false, // altKey false, // shiftKey false, … Read more
There’s a couple of ways you can do this. If the onchange listener is a function set via the element.onchange property and you’re not bothered about the event object or bubbling/propagation, the easiest method is to just call that function: element.onchange(); If you need it to simulate the real event in full, or if you … Read more
The only way to really do this (and is how the ‘reallysimplehistory’ does this), is by setting an interval that keeps checking the current hash, and comparing it against what it was before, we do this and let subscribers subscribe to a changed event that we fire if the hash changes.. its not perfect but … Read more
This question was originally posted in 2009 and most of the existing answers are either outdated, ineffective, or require the inclusion of large bloated libraries: Object.watch and Object.observe are both deprecated and should not be used. onPropertyChange is a DOM element event handler that only works in some versions of IE. Object.defineProperty allows you to … Read more
Using $(‘#myDiv’).click(function(){ is better as it follows standard event registration model. (jQuery internally uses addEventListener and attachEvent). Basically registering an event in modern way is the unobtrusive way of handling events. Also to register more than one event listener for the target you can call addEventListener() for the same target. var myEl = document.getElementById(‘myelement’); myEl.addEventListener(‘click’, … Read more
Note: the initEvent method is now deprecated. Other answers feature up-to-date and recommended practice. You can use fireEvent on IE 8 or lower, and W3C’s dispatchEvent on most other browsers. To create the event you want to fire, you can use either createEvent or createEventObject depending on the browser. Here is a self-explanatory piece of … Read more
When do they fire? window.onload By default, it is fired when the entire page loads, including its content (images, CSS, scripts, etc.). In some browsers it now takes over the role of document.onload and fires when the DOM is ready as well. document.onload It is called when the DOM is ready which can be prior … Read more