去掉手机页面a,button,input默认触发事件

最新推荐文章于 2024-05-09 10:19:43 发布
最新推荐文章于 2024-05-09 10:19:43 发布
阅读量1.5k 收藏 1
点赞数 2
分类专栏： CSS 文章标签： css 手机 体验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sanai_1992/article/details/54667204
版权

去掉手机页面a,button,input默认触发，默认情况下会产生蓝色边框Android非常明显影响体验。

解决办法非常简单，在css样式表中加入：

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}

即可解决。


欢迎访问 http://blog.csdn.net/sanai_1992 进行前端技术交流

蕭朙偉
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
button默认enter事件(回车事件)。
qq_38922435的博客
03-18 8425
这里我介绍一下，button按钮默认回车（enter）事件。如果大家可以用submit，就不用看以下代码，因为submit可以直接默认回车事件（enter）。 在这里特此声明，代码是通过jquery完成。实列代码我亲自写的，完全可以实现，只要复制过去就可以用，但是必须导入jquery包。着个方法支持ie与火狐，绝对好使。我在做的时候在网上找了一些代码，基本全不支持火狐。好了，废话也说了不少了。开...
css美化input file按钮的代码方法
10-30
特别是在处理表单组件时，`input`、`textarea`、`button`等元素可以通过简单的CSS规则进行美化，而`select`和`input[type=file]`（文件输入）则相对复杂。`input[type=file]`默认的样式通常由浏览器控制，很难通过...
取消 input 的浏览器文本框的自动提示
FE-阿阳的博客
10-19 3531
问题描述 项目中需要取消 input 自动带出的浏览器文本框的自动提示，如下图 解决方案 给 input 设置 autoComplete=‘off’，可以取消自动提示 <Input placeholder="请输入类目名称" autoComplete={'off'} maxLength={500} /> ...
JavaScript阻止默认事件
weixin_47306019的博客
11-16 4032
阻止默认事件： 标准浏览器：事件对象.preventDefault(); 低版本IE浏览器：事件对象.returnValue= false;常见默认事件： 若a标签在html中href写有URL默认的跳转地址 则在js中添加a的点击事件，并用event.preventDefault();阻止默认事件发生 实际项目中 a标签在html中写 让a标签执行js程序， 然后在js中用
解决input 中 type=“number“右侧上下箭头以及取消默认滚轮事件
最新发布
hys_1的博客
05-09 1283
【代码】解决input 中 type="number"右侧上下箭头以及取消默认滚轮事件。
form中的button默认提交事件
阿锦的博客
08-22 2103
form中的button默认提交事件 <form action=""> <input autocomplete="off" type="text" name="" id="m"> <button>Send</button> </form> 在form中的button默认的时候点击会执行form的提交事件（相当于默认为type=submit类型） 如果需要阻止它,方法有： （1）将button的type修
去掉a标签和按钮加背景图片虚线/阴影完美解决方案
09-22
1. **移除`href`属性**：如果`a`标签仅用于触发JavaScript功能，而非导航，我们可以移除`href`属性，并添加`onclick`事件来执行相应函数。例如： ```html <a onclick="RefreshCode()" class="yellow">看不清楚？换...
用image来提交form不想使用button提交form
12-13
然而，这种方式会导致表单被提交两次：一次是由`<input type="image">`本身触发的，另一次是由浏览器的默认行为触发的，这可能不是我们期望的结果。 为了解决这个问题，我们可以采取以下两种方法： 1. **使用...
Jqprint实现页面打印
08-31
按钮的`onclick`事件触发了一个名为`print`的JavaScript函数，这个函数负责调用Jqprint进行打印。这是`print`函数的定义： ```javascript function print() { $("#print-area").jqprint({ debug: false, // 是否...
关于type="file"的input框样式修改小结
09-28
同时，使用JavaScript监听事件，如 `change` 事件，可以自定义文件选择后的反馈，如显示选中文件的名称。 总的来说，修改 `type="file"` 输入框的样式是一个挑战，需要结合多种技术手段和浏览器特性。为了确保在...
html回车按键确认按钮,button默认enter事件(回车事件)。
weixin_34547317的博客
06-05 3118
这里我介绍一下，button按钮默认回车(enter)事件。如果大家可以用submit，就不用看以下代码，因为submit可以直接默认回车事件(enter)。在这里特此声明，代码是通过jquery完成。实列代码我亲自写的，完全可以实现，只要复制过去就可以用，但是必须导入jquery包。着个方法支持ie与火狐，绝对好使。我在做的时候在网上找了一些代码，基本全不支持火狐。好了，废话也说了不少了。开始代...
CSS去除button默认点击事件
weixin_44860425的博客
07-29 4439
Ctrl+C然后再Ctrl+V再然后改一下你的函数名 sendCode(e) { e.preventDefault(); //取消button默认事件 },
我遇到的一个问题 关于button的默认行为
weixin_42592438的博客
07-24 2347
在用jQuery给button绑定事件的时候 在form表单中 button会有一个会自动刷新页面的默认行为 可以通过取消默认行为解决这个问题  
如何阻止button默认的刷新页面操作
热门推荐
BAT_number的博客
09-23 1万+
当button在form表单时，点击button会自动触发button的默认事件，也就是刷新当前页面。那么如何阻止呢： 有两种方式： 一：将<button></button>改为<input type="button"> 或者直接在<button>中添加属性 type="button". 二：在button的点击事件中 $('btn').c...
屏蔽input默认的回车事件/取消回车自动提交表单
wilL-my的博客
09-11 3746
方法一： 在 form 标签上添加 'onkeypress' <form onkeypress="return event.keyCode != 13;"> 方法二： JQuery 统一处理 $(document).on("keypress", "form", function(event) { return event.keyCode != 13; }); ...
点击按钮后input输入框不失去焦点 JS阻止默认事件
c小刺猬
06-14 1万+
想实现一个登录界面常用的效果：点击按钮后切换input框的显示/隐藏密码 首先想到的是，在按钮的点击事件里调用focus()使input获得焦点，代码如下： &lt;body&gt; &lt;input id="psw" type="password"&gt; &lt;button id="btn"&gt;显示/隐藏&lt;/button&gt; &lt;/body&
input标签点击移除默认值
Walker
06-08 2072
使用onfocus事件检查当前输入框内的值,如果是默认得值,就将value属性置空.<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">操作之前: 操作之后:
jsp<button>默认触发
07-12
默认情况下，`<button>`元素不会直接触发任何操作，而是需要使用JavaScript来绑定事件处理程序。 以下是一个示例，展示了如何在JSP中创建一个按钮，并在点击时触发JavaScript函数： ```html <!DOCTYPE html> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值