簡體   English   中英

HTML 打開鏈接點擊任意位置

[英]HTML open link click anywhere

我是一個從未開發過任何網頁的移動程序員

我創建了一個空白的 HTML 頁面,我想在用戶單擊或點擊任意位置時打開新鏈接。

是否可以?

這是一個有趣的問題,有很多解決方案。 我來發兩張

解決方案 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>

由於您將它用於移動應用程序,因此最好使用純 JavaScript:

function OpenWin(){
  window.open("url");
}
window.onclick = OpenWin();

只需向正文添加一個事件偵聽器,以便在單擊任意位置時打開 URL:

document.getElementsByTagName("body")[0].addEventListener("click", function(){
  window.open(url);
});

試試這個標簽事件 -

 document.onkeydown = function(e){
    if (e.keyCode == 9) {
        alert("");
       window.open("www.google.com");

  }
}

你可以試試這樣的代碼。

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

這會起作用,您不需要 div 標簽,但我認為它看起來更好,並且有助於稍后添加樣式控制。 您可能會遇到的一個問題是文本樣式,它只需要為文本顏色和裝飾設置 CSS 樣式即可去除不需要的下划線。

<html>
    <body>
        <a href='link.com'>
            <div>
                All content
            </div>
        </a>
    </body>
</html>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM