Skip to content

Instantly share code, notes, and snippets.

@taufik-nurrohman

taufik-nurrohman/README.md

Forked from dciccale/README.md
Created January 23, 2016 15:16
Show Gist options
  • Save taufik-nurrohman/b82bd07b1f1c7bef58fe to your computer and use it in GitHub Desktop.
Save taufik-nurrohman/b82bd07b1f1c7bef58fe to your computer and use it in GitHub Desktop.
Download ZIP
Cross-browser triggerEvent function done with 127 bytes of JavaScript
Raw
README.md

triggerEvent

Cross-browser function to trigger DOM events.

Raw
demo.html
<!doctype html>
<title>Demo</title>
<span id="btn">Button</span>
<script>
// use addEvent cross-browser shim: https://gist.github.com/dciccale/5394590/
var addEvent = function(a,b,c){try{a.addEventListener(b,c,!1)}catch(d){a.attachEvent('on'+b,c)}};
// triggerEvent
var triggerEvent = function(c,d,b,a){b=document;b.createEvent?(a=new Event(d),c.dispatchEvent(a)):(a=b.createEventObject(),c.fireEvent("on"+d,a))};
// DOM element
var element = document.getElementById('btn');
// callback function
var callback = function () { alert('Button clicked!'); };
addEvent(element, 'click', callback);
// alert 'Button clicked!' when trigger click event
triggerEvent('click', element, callback);
</script>
Raw
triggerEvent.js
/**
* @param target can be any DOM Element or other EventTarget
* @param type Event type (i.e. 'click')
* @param doc Placeholder for document
* @param event Placeholder for creating an Event
*/
function (target, type, doc, event) {
doc = document;
if (doc.createEvent) {
event = new Event(type);
target.dispatchEvent(event);
} else {
event = doc.createEventObject();
target.fireEvent('on' + type, event);
}
};
Raw
triggerEvent.min.js
function(c,d,b,a){b=document;b.createEvent?(a=new Event(d),c.dispatchEvent(a)):(a=b.createEventObject(),c.fireEvent("on"+d,a))}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment