我继承了一个论坛,它有一个不受支持和废弃的模组,这使得包含任何指向子论坛或线程的链接的整个 td 元素都可以点击。它旨在作为可用性度量,只需单击包含要查看的子论坛或主题的大表格单元格即可。
问题是javascript对"中键单击"不友好:使用任何普通的键盘或鼠标方法在新窗口或选项卡中打开链接都会在新选项卡中打开链接,并使用单击链接重新加载当前窗口。
这与预期的行为背道而驰,我想找到一种解决方案,既允许它引入的可用性功能,也允许标准链接点击行为。
下面是追加到包含元素的代码:
<td class="info" onclick="window.location.href='http://www.bestcafes.com.au/forum/index.php?board=13.0'" name="b13">
任何建议将非常受欢迎!
将链接移动到标准锚元素应该可以完成这项工作:
<td class="info">
<a href="http://www.bestcafes.com.au/forum/index.php?board=13.0" name="b13">
…
</a>
</td>
如注释中所建议的,您也可以适当地设置它们的样式:
td.info > a { /* only table-cell-links, might need a better selector */
display: block;
width:100%; height:100%; /* as long as this doesn't collide with any padding */
color: inherit; text-decoration: inherit; /* depending on your link style */
}