移动端点击input不触发光标（原生js）

当在移动端的时候，我那边在点击input输入框的时候可以跳转到另一个页面，而不是触发光标，这里就可以在获取焦点的时候让input失去焦点，也可以屏蔽默认键盘弹出

            // 失去焦点var inp = document.querySelectorAll("input")for (let i = 0; i < inp.length; i++) {inp[i].onfocus = function () {// document.activeElement.blur()//屏蔽默认键盘弹出；this.blur()}}

移动端点击input不触发光标（原生js）相关推荐

html5光标进去默认值消失,html点击input没有出现光标怎么办
html点击input没有出现光标的解决办法:首先打开相应的HTML文件:然后用jquery写点击出现光标即可,代码如"$('.inputname, .inputphone').on('to ...
移动端点击input会把底部样式顶起解决方案
很多人会遇到 H5 点击input 安卓端会把底部tab样式弹上去如何解决这个问题特别是安卓端会经常遇到但是网上又没有特别完美的方法我这里自己弄了一个解决方案 ![在这里插入图片描述](http ...
在手机端点击input框不弹出输入法的方法
1.使用CSS样式 : input { pointer-events: none; } 2. 使用事件阻止 : input.onmousedown = function (e) { e.prevent ...
html鼠标点击有手势出来,用原生js+css3撸的一个下拉手势事件插件
; (function () { var DropDown = function (dropId = 'dropDwon', distance = 60, callBack = () => {} ...
java点击按钮隐藏图片6_原生JS实现隐藏显示图片 JS实现点击切换图片效果
今天要说的内容,看标题就都能知道了!所有知识点一览无遗啊!咱们今天的东西,是纯纯的原生JS代码, 我先说一下要求: 1.有两个按钮,内容为显示,和换, 2.当点击显示的时候,按钮文字变成隐藏,同时图片 ...
禁止手机端点击input框跳出输入法
第一种方式:HTML <input> 标签的 disabled 属性 <form action="form_action.asp" method="ge ...
按钮点击事件的实现方式---原生js
这个部分主要来讲解一下按钮点击事件的集中js的实现方式: 方法一: <!DOCTYPE html> <html> <head lang="en"> ...
vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的[完成]或[搜索]按钮,然后触发事件do something but ,No No No ,没有那么艰难复杂. vue中,要在手机端点击手机键盘的[完成]或 ...
input输入框在移动端点击有阴影解决方法
input输入框在移动端点击有阴影解决方法参考文章: (1)input输入框在移动端点击有阴影解决方法 (2)https://www.cnblogs.com/dingjiujiu/p/6694332 ...

移动端点击input不触发光标（原生js）

移动端点击input不触发光标（原生js）相关推荐

最新文章

热门文章