使用 mousemove 取消 onclick

发布于 2025-01-06 07:23:55 字数 424 浏览 1 评论 0原文

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

就是这样:

我的网站是使用 iscroll javascript 构建的,因此您可以单击并拖动该网站进行浏览。在目前主页上唯一一张幻灯片的作品集页面上,我有一个缩略图查看器,可以放大缩略图以显示完整图像,这可以在 test.silent-g.co.uk

我遇到的问题是,当您单击并拖动以浏览回页面时,它仍然会激活查看器,是否存在一种编写 JavaScript 代码以取消的方法拖动鼠标时的 onclick 还是这也会取消滚动?

请原谅该网站,链接不起作用,只是一项正在进行的工作。

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

I'm not very technical so excuse the following question if it is not phrased properly.

Here it goes:

My site is built with the iscroll javascript so you can click and drag the site to browse. On the portfolio page which currently is the only other slide on from the homepage, I have a thumbnail viewer which enlarges the thumbnail to show the full image, this can be seen at test.silent-g.co.uk

The problem I have, is that when you click and drag to browse back a page, it still activates the viewer, is there a way to code in to the javascript, to cancel the onclick when the mouse is dragged or would this cancel the scroll too?

Excuse the site, the links aren't working and is only a work in progress.

Any thoughts welcome and if answers could be put into laymens terms that'd be great as although I can use javascript I can't write it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

影子是时光的心 2025-01-13 07:23:55

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

I would suggest you replace onclick with mouseup. This way, it only acts if the user releases the mouse button when the cursor is placed on the element.

凹づ凸ル 2025-01-13 07:23:55

onClick 应该可以正常工作。我在 jsfiddle 上尝试过的内容如下。

Html:

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

然后只需单击按钮,将鼠标拖离元素并释放鼠标。这不会触发 onClick 事件。

The onClick should work propperly. What I tried on jsfiddle was the following.

Html:

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

Then just click on the button drag your mouse away from the element and release the mouse. This doesn't trigger the onClick event.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文