data-href/data-href.js at master · nathanford/data-href · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
sethrefs = function () {

	if (document.querySelectorAll) {

		var datahrefs = document.querySelectorAll('[data-href]'),
				dhcount = datahrefs.length;

		while (dhcount-- > 0) {

			var ele = datahrefs[dhcount],
					addevent = function (ele, event, func) {

						if(ele.addEventListener) ele.addEventListener(event, link, false);
						else ele.attachEvent('on' + event, link);

					},
					link = function (event) {

						var target = event.target,
								url = this.getAttribute('data-href');

						if (!target.href) {

			    		var newevent = document.createEvent("MouseEvents");

			    		if (newevent.initMouseEvent) {

			    			var newlink = document.createElement("a");

		    			  newlink.setAttribute('href', url);
		    			  newlink.innerHTML = 'link event';

	    					newevent.initMouseEvent(event.type, true, false, window, event.detail, event.screenX, event.screenY, event.clientX, event.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, event.button, null);

	    					newlink.dispatchEvent(newevent);

				    	}
				    	else {

				    		var meta = (event.metaKey) ? '_self' : '_blank';

				    		window.open(url, meta);

				    	}

						}

					};

			addevent(ele, 'click', link);

		}

	}

};

sethrefs();