iPad - touchStart() 事件被 div 文本阻止

发布于 2024-11-19 09:42:49 字数 227 浏览 4 评论 0原文

我有一个触发 touchStart 事件的 div：

<div class="button" ontouchstart="touchStart(event)"> button</div>

当我的手指落在 div 内的文本按钮上时，事件不会被触发，div 表面上的其他任何地方都会触发事件，我该如何做到这一点当我触摸文本时触发？

原文

I have a div which triggers a touchStart event:

<div class="button" ontouchstart="touchStart(event)"> button</div>

When my finger lands on the text button inside the div the event is not triggered, anywhere else on the surface of div event is triggered, how can I make it trigger when I touch the text as well?

分享到QQ

分享到微博

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

发布评论

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

空心↖ 2024-11-26 09:42:50

您还可以将文本放入另一个元素（例如跨度）中，并使其对事件不做出反应：

.button span {  
    pointer-events: none;
}

You can also put the text inside another element, for example a span, and make it unreactive to events with:

.button span {  
    pointer-events: none;
}

回复收藏 0 原文

薄暮涼年 2024-11-26 09:42:49

如果您知道 div 的大小，则可以使用 ontouchstart 事件在文本上方添加一个透明的 div。

<div class="buttoncontainer">
    <div class="button"> button</div>
    <div  ontouchstart="touchStart(event)" class="somethingrelative"></div>
</div>

按钮容器和相关的东西有助于定位。

if you know the size of the div, then you can add a transparent div above your text with the ontouchstart event.

<div class="buttoncontainer">
    <div class="button"> button</div>
    <div  ontouchstart="touchStart(event)" class="somethingrelative"></div>
</div>

where the buttoncontainer and somethingrelative assist in the positioning.

回复收藏 0 原文

~没有更多了~