可以在 HTML 标题标签中设置点击功能

Is possible to set onclick function in HTML title tag

本文关键字：设置 功能 标签 HTML 标题      更新时间：2023-09-26

我想在用户单击浏览器标题部分时显示弹出窗口。我尝试在 HTML 标题标签中设置点击事件。

还有其他不同的方法可以实现此功能吗？

尝试的代码是：

<html>
  <head>
    <title onclick="show_popup();">Test</title>
    <script>
      function show_popup(){
          //pop up window code.
      }
    </script>
  </head>
  <body>
    <div id="popup_window"></div>
  </body>
</html>

标题不是要单击的可见元素，因此它不能具有 UI 行为，例如单击事件等。

此外，title 元素的内容显示在 html 页面之外（在浏览器选项卡或浏览器标题栏中），因此您无法在 JavaScript 中与之交互。

您可以在title元素上设置 onclick 属性，因为根据 HTML5 CR，所有元素都允许该属性。它是否有效果是另一回事。

默认情况下，title 元素不会显示在文档中，因此无法单击它。可以使用 CSS 更改此设置：

head, title { display: block }

在现代浏览器中，这将使title元素可见且可单击。

不过，没有理由这样做。要在页面上明显显示某些内容，最好在 body 元素中使用普通内容。

在浏览器窗口中的文档区域之外（例如在顶部栏或选项卡中）呈现title元素内容是一个完全不同的问题，而不是 HTML、CSS、JavaScript 或 DOM 规范处理的问题。通常不可能以任何方式控制它;如果在特定环境中有一种方法，它将取决于浏览器。

相关文章：