我希望该功能能够在用户单击链接时默认打开网站中指向新后台选项卡的所有链接。我已经检查了所有内容,但没有一个提供适用于所有浏览器的解决方案。我参考了以下两个链接来编写我的代码:
Chrome 中的工作示例 https://stackoverflow.com/questions/10812628/open-a-new-tab-in-the-background
ie 的建议修改 https://stackoverflow.com/questions/827716/emulate-clicking-a-link-with-javascript-that-works-with-ie
我有以下代码:
<html>
<head>
<style type="text/css">
.link{ color: #0055ff; cursor: pointer; text-decoration: underline; }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".link").on('click', function(event){
var $this = $(this);
var a = document.createElement("a");
a.href = $this.href;
if( document.createEvent ) {
var evObj = document.createEvent('MouseEvents');
evObj.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
true, false, false, true, 1, a);
a.dispatchEvent( evObj );
} else if( document.createEventObject ) {
var evObj = document.createEventObject();
evObj.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0,
true, false, false, true, 1, a);
a.fireEvent( 'onclick', evObj );
}
});
});
</script>
</head>
<body>
<span class="link" data-href="http://www.google.com">Go to Google</span>
</body>
</html>