代码之家 › 专栏 › 技术社区 › Tom Headifen

如何在其他标记上的`<a>`标记上创建相同的鼠标悬停行为?

dom-events html javascript

Tom Headifen · 技术社区 · 5 年前

当你把鼠标移到 <a> <a> 标签?

在这种情况下 < tag只让文本在每一行上都可以点击,你必须做一些简单的css来尝试让它接近整行的点击。

<table>
  <tr onClick="goToLink()">
    <td>test</td>
    <td>test2</td>
  </tr>
</table>

我注意到,当你在email列表视图中将鼠标悬停在电子邮件上时,gmail没有标签悬停行为。

我的假设是有一个浏览器事件,我可以调用它来模拟这一点,但是我似乎找不到任何关于这个的文档。

0 回复 | 直到 5 年前

Troy Bailey 5 年前

.clickable-div {
  height: 100px;
  width: 100px;
  background-color: blue;
}

<a href="https://stackoverflow.com">
  <div class="clickable-div"></div>
</a>

推荐文章

Alvaro · mouseenter委派使用vanilla JavaScript?

6 年前

dotnetCarpenter · 如何检查侦听器事件是否为被动事件?

6 年前

Teight · 我的JavaScript代码在尝试使用keydown事件处理程序更改类中的变量时遇到问题

6 年前

jcarpenter2 · DOM-同步事件的计时与setTimeout

6 年前

john Smith · 包装器div上的Javascript模糊事件

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Thomas Mathews · 从字符串动态创建按钮事件监听器,而不覆盖[重复]

6 年前

blazing · 如何在Typescript中使用EventTarget

6 年前

Alexander Solonik · 即使将事件传递给调度程序,Reducer也显示未定义

6 年前

dekzok · 这似乎不是一个有效的函数。为什么?

6 年前