用鼠标移动取消onclick

cancelling an onclick with a mousemove

本文关键字:onclick 取消 移动 鼠标      更新时间:2023-09-26

我不是很懂技术,所以如果下面的问题措辞不正确,请原谅。

它来了:

我的网站是用iscroll javascript构建的,所以你可以点击并拖动网站进行浏览。在目前主页上唯一的另一张幻灯片的公文包页面上,我有一个缩略图查看器,它可以放大缩略图以显示完整的图像,这可以在test.silent-g.co.uk 上看到

我遇到的问题是,当你点击并拖动浏览回一个页面时,它仍然会激活查看器,有没有一种方法可以编码到javascript中,在拖动鼠标时取消onclick,或者这也会取消滚动?

对不起,网站,链接不起作用,只是一个正在进行的工作。

欢迎任何想法,如果答案可以用外行的语言表达,那就太好了,尽管我可以使用javascript,但我不会写。

我建议您将onclick替换为mouseup。这样,只有当光标放置在元素上时,用户释放鼠标按钮时,它才会起作用。

onClick应该能正常工作。我在jsfiddle上尝试了以下内容。

Html:

<button id="button" onClick="alert(1)">
    Your button
</button>

然后只需点击按钮,将鼠标从元素中拖走,然后释放鼠标。这不会触发onClick事件。