使用jQuery使其变得容易:
$(document).ready(function() {
$('.hover').on('touchstart touchend', function(e) {
e.preventDefault();
$(this).toggleClass('hover_effect');
});
});
用英语:当您开始或结束触摸时,请打开hover_effect
或关闭课程。
然后,在您的HTML中,将类悬停添加到您要与此一起使用的任何内容上。在CSS中,替换以下任何实例:
element:hover {
rule:properties;
}
与
element:hover, element.hover_effect {
rule:properties;
}
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;
}
要停止浏览器要求您复制/保存/选择图像或其他操作。
简单!