foolyoghurt/open_link_in_new_background_tab.html

## open_link_in_new_background_tab.html
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>openNewBackgroundTab</title>
</head>

<body>
  <a href="http://baidu.com">baidu.com</a>
</body>
<script charset="utf-8">
  function openNewBackgroundTab(e) {
    e.preventDefault();

    // 创建一个新元素，否则在同一个元素上监听元素的 click 事件后，又触发一个新的 click 事件，造成死循环
    var a = document.createElement("a");
    a.href = this.href;
    var evt = document.createEvent("MouseEvents");

    // No.10 -> ctrl key for Windows/Linux, No.13 -> command key for OS X
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, true, false, false, true, 0, null);
    a.dispatchEvent(evt);
    a = null;
  }

  document.querySelector("a").addEventListener("click", openNewBackgroundTab, false);
</script>

</html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>openNewBackgroundTab</title>
	</head>

	<body>
	<a href="http://baidu.com">baidu.com</a>
	</body>
	<script charset="utf-8">
	function openNewBackgroundTab(e) {
	e.preventDefault();

	// 创建一个新元素，否则在同一个元素上监听元素的 click 事件后，又触发一个新的 click 事件，造成死循环
	var a = document.createElement("a");
	a.href = this.href;
	var evt = document.createEvent("MouseEvents");

	// No.10 -> ctrl key for Windows/Linux, No.13 -> command key for OS X
	evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, true, false, false, true, 0, null);
	a.dispatchEvent(evt);
	a = null;
	}

	document.querySelector("a").addEventListener("click", openNewBackgroundTab, false);
	</script>

	</html>