iphone-点击时突出显示不是链接的div
我想当用户触摸或选择 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您将点击处理程序附加到 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
我在移动应用程序上遇到了同样的问题,我已经使用以下代码解决了问题。
I was facing the same issue on a mobile app and I have resolved issues with the below code.