use*_*021 4 mobile jquery touch
当用户触摸/轻触手机时,我正在尝试更改链接的背景颜色,虽然以下代码有效,但有时链接仍为黑色,并且在您发布时不会变回白色,是否有更好的方法编码吗?
$('#test').bind('touchstart', function() {
$(this).css('background-color', 'black');
});
$('#test').bind('touchend', function() {
$(this).css('background-color', 'white');
});?
Run Code Online (Sandbox Code Playgroud)
谢谢!
这可以在没有jQuery的CSS中完成:
a:active
{
background-color: black;
}
Run Code Online (Sandbox Code Playgroud)
出于某种原因,上面的代码在Android的股票浏览器(以及其他一些浏览器)中不起作用.但是,一旦将ontouchstart=""参数添加到<body>标记,它就会起作用,如下所示:
<body ontouchstart="">
Run Code Online (Sandbox Code Playgroud)
此外,Android股票浏览器默认突出显示链接(蓝色背景,在我的手机上).要禁用此功能,请键入:
a
{
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8060 次 |
| 最近记录: |