我正在创建一个组件,该组件在带有溢出:auto的容器内显示一堆用户照片,每张照片都被 <a>
包围。标签。这些图像周围没有空间,因此如果用户曾经使用中键单击来自动滚动此照片列表,它将始终打开链接而不是开始自动滚动。这意味着自动滚动不起作用。
是否有一种技巧可以在这些图像链接之一内进行中键单击以使用自动滚动,而不是在新选项卡中打开链接?
这是一个演示该问题的 fiddle : http://jsfiddle.net/uBrbb/
我原来的 fiddle 实际上显示了滚动条 - 然后允许在滚动条本身上单击鼠标中键 - 但在我的实际情况下,滚动条用负填充隐藏,以便我可以显示自定义滚动条(我使用简单的向上/向下按钮进行模拟)。
最佳答案
你可以做一些复杂的事情,但如果可能的话,最好不要包裹 <img>
<a></a>
中的元素首先,通过响应您自己的 click()
来处理导航事件。在你的click
事件,仅在 (e.which == 1)
条件下执行导航(左键单击),将中键单击保留为默认行为。
关于javascript - 我可以阻止中键单击打开链接以开始自动滚动吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14784316/