iphone-点击时突出显示不是链接的div

发布于 2024-09-10 12:55:50 字数 329 浏览 10 评论 0原文

我想当用户触摸或选择 div 中包含的文本时突出显示整个 div。仅当文本包含在带有 javascript 函数的跨度中时,我才能突出显示文本,但是当我尝试将该函数应用于整个 div 时,它不起作用。在我的研究中,我看到很多人用 -webkit-tap-highlight-color: 删除突出显示,有没有办法使用这个或其他 css 样式向不是链接的项目添加突出显示?

我正在使用的脚本:

function changeColor(e,color){ 元素 = e; oldColor = element.currentStyle.background; 元素.样式.背景=颜色; }

I'd like to highlight an entire div when the user touches or selects the text contained in the div. I'm able to highlight the text only when it is contained in a span with a javascript function, but when I try to apply the function to the entire div it does not work. In my research I've seen many people remove a highlight with -webkit-tap-highlight-color:, is there a way to use this or another css style to add a highlight to an item that is not a link?

The script I am using:

function changeColor(e,color){
element = e;
oldColor = element.currentStyle.background;
element.style.background = color;
}

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

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

发布评论

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

评论(2

○闲身 2024-09-17 12:55:50

如果您将点击处理程序附加到 div,Safari 会在点击时突出显示该 div。

一个例子在这里 http://jsbin.com/awejo3/4

从这个问题中获取了信息: iPhone 在点击时使 div 变暗

If you attach a click handler to the div Safari would highlight the div on click.

An Example is here http://jsbin.com/awejo3/4

Got the information from this question: Iphone darkens div on click

じ违心 2024-09-17 12:55:50

我在移动应用程序上遇到了同样的问题,我已经使用以下代码解决了问题。

*:not(a) {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

I was facing the same issue on a mobile app and I have resolved issues with the below code.

*:not(a) {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文