关于 H5 开发时的一些交互效果问题的解决

最新推荐文章于 2024-03-26 00:12:12 发布

dddggg

最新推荐文章于 2024-03-26 00:12:12 发布

阅读量491

点赞数 1

CC 4.0 BY-SA版权

分类专栏： PHP VB.NET ASP.NET ios android 文章标签： ios android h5 点击阴影

本文链接：https://blog.youkuaiyun.com/dddggg/article/details/71774941

PHP 同时被 3 个专栏收录

22 篇文章

订阅专栏

ASP.NET

7 篇文章

订阅专栏

ios

3 篇文章

订阅专栏

本文介绍了解决iOS设备上使用alert时显示不必要网址的问题，并提供了一个简单的JavaScript解决方案。此外，还介绍了如何消除iOS和Android平台中点击元素时出现的默认视觉反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、alert 在iOS上会显示一个网页地址，去除方法如下：

<script>
window.alert = function(name){
	 var iframe = document.createElement("IFRAME");
	iframe.style.display="none";
	iframe.setAttribute("src", "data:text/plain,");
	document.documentElement.appendChild(iframe);
	window.frames[0].window.alert(name);
	iframe.parentNode.removeChild(iframe);
}
</script>

2、点击一些对象时，iOS 会产生的半透明灰阴影效果， Android 也会产生红圈效果，去除方法如下：

<style>
a,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} // 去除A/INPUT标签的点击阴影
<style>