iscroll中使用input框的话是导致无法选中input框

在使用iscroll的移动端的时候如果在iscroll中使用input框的话是导致无法选中input框

原因:iscroll需要一直监听用户的touch操作,以便灵敏的做出对应效果,所以它把其余的默认事件屏蔽了。

iscroll.js源码:

onBeforeScrollStart: function (e) { e.preventDefault(); },

更改:

onBeforeScrollStart: function (e) {

var target = e.target;

while (target.nodeType != 1) target = target.parentNode;

if (target.tagName != ‘SELECT’ && target.tagName != ‘INPUT’ && target.tagName != ‘TEXTAREA’)

e.preventDefault();

},

原文地址:https://www.cnblogs.com/ouyangxiaoyao/p/11423839.html

时间: 2024-08-14 19:06:59

iscroll中使用input框的话是导致无法选中input框的相关文章

select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题

  解决办法: 把页面中的 tabindex="-1" 删掉, 或者值改为1 代码片段: <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

iphone中点击input不能选中input中的内容

点击一个input,通过它的click事件选中这个input框中的内容,这个用jquery挺好实现的,但是有一个问题,在PC端和android手机上都可以让功能正常实现,在iphone上就没有效果了,后查了好多资料发现在iphone中可以这样写 <script> $(function(){ //$('input').focus(focustext) /*******用以下三行代码即可实现*******/ $('input').click(function(){ this.selectionSt

在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计

在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中,已经搭建好了Repository层,本篇就剩下增删改查的界面了......今天的阳光真特么好,写完本篇,好出去在阳光下溜溜狗.散散步什么的,正所谓文武之道一张一弛,走神了,进入正题. 首先是一个View Model,在这里定义验证规则,提交和保存数据的时候还必须和领域模型映射. using System; using System.ComponentModel.DataAnnotat

解决MWPhotoBrowser中的SDWebImage加载大图导致的内存警告问题

解决MWPhotoBrowser中的SDWebImage加载大图导致的内存警告问题 iOS开发 · 2015-01-22 11:31 MWPhotoBrowser是一个非常不错的照片浏览器,在github的star接近3000个,地址:https://github.com/mwaterfall/MWPhotoBrowser.git MWPhotoBrowser来加载小图1M以下的都应该不会有内存警告的问题.如果遇到大图,3M.4M.5M的大图,很有可能导致内存警告.最近我就遇到这个问题,很是头疼

易飞-凭证打印异常(字符中含有空格,自动分行导致显示异常)

在打印凭证中通常会显示自定义或者输入的内容.比如:在电子行业中的插件位置,生产人员经常在作业的时候经常会根据领料单显示的插件位置来作业. 至于为何不根据作业指导书或者BOM等其他方式来确认不在今天我们讨论的范围. 解决办法一:直接行高加大.当然可以,但是如果只是为了一张工单中的几个元件的插件位置显示而已,增加了纸张打印.从成本节约角度不太实用 解决办法二:评估了最多字符也可以在两行中显示完毕的情况下,自动分行差一两个字符的话,就把字体设置小点. 现在问题是,为和第二行中CA9,之后就自动分行了呢

&lt;&lt;&lt; html编码中js和html编码不一致导致乱码

在html中,有时把编码设置成UTF-8之后,引入js,页面不会有乱码,但是有关js的东西会出现乱码, 大概问题就是js默认编码不是UTF-8, 解决办法:将js文件用记事本打开,在另存为,保存的时候下面选项编码设置成html一致,就不会出现乱码 <<< html编码中js和html编码不一致导致乱码,布布扣,bubuko.com

在cxf中使用配置避免增加字段导致客户端必须更新的问题

在cxf中使用配置避免增加字段导致客户端必须更新的问题 http://www.iflym.com/index.php/code/201307310001.html 在cxf中使用配置避免增加字段导致客户端必须更新的问题 2013/07/31 11:00:19 1 Comment Tags: cxf, webservice   Posted :java开发, 开源框架, 编程开发 在使用cxf实现webservice时,经常碰到的问题就是如果在服务端,修改了一个接口的签名实现,如增加一个字段,或者

解决iScroll中事件点击一次却触发两次的问题

var t1=null;//全局 function myClick() { if (t1 == null){ t1 = new Date().getTime(); }else{ var t2 = new Date().getTime(); if(t2 - t1 < 500){ t1 = t2; return; }else{ t1 = t2; } } //自己的代码 } 解决iScroll中事件点击一次却触发两次的问题