使div像正确的链接一样

时间:2010-11-13 10:05:38

标签: javascript jquery hyperlink

我正在使用JavaScript(jQuery)日历,其中一些日历事件充当链接。日历事件是具有onclick触发器的div,它将浏览器指向正确的页面。

问题在于,由于日历事件不是<a href="..">链接,因此用户无法按住Ctrl键并单击以打开指向新选项卡的链接或切换+单击以打开到新窗口。我正在寻找一种方法来将此功能应用到日历中,似乎我的选择是:

  1. 检测用户是否已按下切换并打开新窗口或按住ctrl并打开新选项卡 - 我宁愿不这样做,因为打开到新选项卡可能需要为每个浏览器单独编码( ?)它可能会覆盖用户的偏好。
  2. 删除onclick触发器并将div内容包装在填充整个封闭div的<a></a>内。
  3. 破解日历库以使用<a>标记而不是可点击日历事件的div。
  4. 是否有任何其他方法告诉浏览器将div视为常规链接?方法#2或#3是否有任何可预见的副作用?

2 个答案:

答案 0 :(得分:2)

我说你最简单/最完整的解决方案是使用锚点(例如不需要脚本),只需使用CSS在这里完成工作,display: blockdisplay: inline-block样式就像<div>元素一样。

这样,所有本机点击行为都可以由浏览器和用户的首选项以及 Ctrl Shift 等处理,点击就是用户< em>期待它。

答案 1 :(得分:0)

查找使用正确标记的日历,或者分叉插件并转到#3。对于后者的不利之处在于,因为你正在分叉,所以你将自己从升级中解脱出来