HTML 打开链接点击任意位置
[英]HTML open link click anywhere
问题描述
我是一个从未开发过任何网页的移动程序员
我创建了一个空白的 HTML 页面，我想在用户单击或点击任意位置时打开新链接。
是否可以？
6 个解决方案
解决方案1
11 已采纳 2014-04-21 04:43:25
这是一个有趣的问题，有很多解决方案。 我来发两张
解决方案 1 - 使用全宽锚标记
<html>
<head>
<style>
html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
a { display: block; width: 100%; height: 100%; }
</style>
</head>
<body>
<a href='#'></a>
</body>
</html>
解决方案 2 - 使用 javascript，并在 body 上添加一个 click 事件
<html>
<body onclick='window.location.href="http://google.com"'>
</body>
</html>
解决方案2
2 2014-04-21 04:46:44
由于您将它用于移动应用程序，因此最好使用纯 JavaScript：
function OpenWin(){
window.open("url");
}
window.onclick = OpenWin();
解决方案3
1 2014-04-21 04:42:47
只需向正文添加一个事件侦听器，以便在单击任意位置时打开 URL：
document.getElementsByTagName("body")[0].addEventListener("click", function(){
window.open(url);
});
解决方案4
0 2014-04-21 04:43:20
试试这个标签事件 -
document.onkeydown = function(e){
if (e.keyCode == 9) {
alert("");
window.open("www.google.com");
}
}
解决方案5
0
你可以试试这样的代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head>
<title>body onclick test</title>
</head>
<body onclick="window.location.href='newpage.html';">
<h1>onclick test</h1>
<p>test</p>
</body>
</html>
解决方案6
0 2014-04-21 04:45:46
这会起作用，您不需要 div 标签，但我认为它看起来更好，并且有助于稍后添加样式控制。 您可能会遇到的一个问题是文本样式，它只需要为文本颜色和装饰设置 CSS 样式即可去除不需要的下划线。
<html>
<body>
<a href='link.com'>
<div>
All content
</div>
</a>
</body>
</html>
为什么我的链接无法将用户带到任何地方，但是如果我右键单击并选择“在新选项卡中打开”，它将可以正常打开
[英]Why won't my link take the user anywhere, but if I right click and select “Open in new tab” it will open fine
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.