margaritis/README.md

## README.md

      
    Raw
  

              README.md
            
          
    triggerEvent

Cross-browser function to trigger DOM events.

  
## 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>

## 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);
  }
};

## 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))}
	<!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>
	/**
	* @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);
	}
	};