div移动 输入框不能输入的问题

最近在做一个项目，涉及到了移动层的应用，结果使用了移动层，可里面的输入框却不能使用了，这是因为层的覆盖，把输入框给挡住了，但由于我是设了层为透明的，所以仍然可以看得到输入框，可就是输不进去东西，后来终于找到了解决的方法了，就是在层移动的时候，添加上


代码如下:

document.getElementById("Mcount").focus()

这句话就是让我们的输入框获得焦点，这样子就可以输入了 呵呵

赞 (0)

相关推荐

  • div移动 输入框不能输入的问题

    最近在做一个项目,涉及到了移动层的应用,结果使用了移动层,可里面的输入框却不能使用了,这是因为层的覆盖,把输入框给挡住了,但由于我是设了层为透明的,所以仍然可以看得到输入框,可就是输不进去东西,后来终于找到了解决的方法了,就是在层移动的时候,添加上 复制代码 代码如下: document.getElementById("Mcount").focus() 这句话就是让我们的输入框获得焦点,这样子就可以输入了 呵呵

  • Angularjs中的验证input输入框只能输入数字和小数点的写法（推荐）

    把js的验证方法改成angular可使用的方法 AngularJS文件的写法: $scope.clearNoNum = function(obj,attr){ //先把非数字的都替换掉,除了数字和. obj[attr] = obj[attr].replace(/[^\d.]/g,""); //必须保证第一个为数字而不是. obj[attr] = obj[attr].replace(/^\./g,""); //保证只有出现一个.而没有多个. obj[attr] = o

  • JS实现身份证输入框的输入效果

    JS实现身份证输入框的输入效果

    实现如图所示的输入效果: 实现这种效果,比较简单的一种方式就是给一个input添加一个背景图片,然后通过设置字间距来达到效果. 代码: html: <input type="text" maxlength="8" class="idInput" onkeyup='this.value=this.value.replace(/\D/gi,"")'> css: .idInput{ width: 24.95rem; he

  • jQuery如何解决IE输入框不能输入的问题

    在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入.但是我们需要的是当下需要输入内容.那怎么办呢?可以用下面的方法解决: $("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); }); }); $(&

  • 用jquery快速解决IE输入框不能输入的问题

    在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入.但是 我们需要的是当下需要输入内容.那怎么办呢? 以用下面的方法解决: $("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); }); }); $(

  • Android控制文本输入框最多输入10个字符长度

    最近遇到一个需求是要求用户只能输入10个字符或者五位中文的数据,遇到这样的问题第一反应就是 android:maxLength="10"这个属性然而去测试发现中文也是十个.百度了一下发现setFilters这个方法,网上的例子是不管当前输入框是否有值,只要输入超出10个字符则不给输入框赋值,个人感觉用户体验不太好,应当根据当前输入框内的值来截取对应长度的字符填充. 代码如下: et_name = (EditText) findViewById(R.id.et_name); // 控制输

  • selenium+python 对输入框的输入处理方法

    最近自己在做项目的自动化测试(公司无此要求),在用户管理模块做修改用户信息时,脚本已经跑成功,并且的确做了update操作,但是自己登陆页面检查,信息却没有被修改,再次确定系统该模块的编辑功能可用,脚本如下: if result_num>1: print "Begin to change user infomations" driver.find_element_by_xpath("//*[@id='tbodyUserInfo']/tr/td[8]/img[2]&quo

  • vue限制输入框只能输入8位整数和2位小数的代码

    看到这个标题好像很简单,onblur.onchange事件都能做到,但是用户体验感貌似很差.查了下百度查不到资料了.看了下vue的基础,发现 vue 有个 watch 监听器好吧,从这里入手 用v-model 加watch 就可以很简单的实现这一个功能. ----代码省略 <input id="amt" type="number" v-model="amount"/> ----代码省略 data:{ return{ amount:&q

  • vue+element-ui中form输入框无法输入问题的解决方法

    目录 一.问题发现: 二.正确案例与错误原理: 三.问题解决 总结 一.问题发现: 笔者在制作登录页面前端时使用elementui+vue技术,发现输入框无法输入任何内容. 在csdn上查阅很多文章后发现都无法解决,于是去elementui官网进行反复查看才发现问题所在.最终发现问题是input标签中v-model写的不恰当导致无法生效/忘记书写v-model.如果有相同问题的可以看看本文有可能能帮助解决您的问题,下列解决过程以供参考. 二.正确案例与错误原理: 查看官网对于表单Form一栏的使

  • JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

    第一: 限制只能是整数 <input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" /> 如果不是整数就直接alert 第二: 限制是两位的小数 <input type = "text" name= "price&quo

随机推荐