首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iScroll5 表单元素无法失焦 解决方法

iScroll5 表单元素无法失焦 解决方法 HTML5学堂:iScroll框架从4版本升级到5版本之后,很好的解决了滚动区域中表单元素不能聚焦的问题,但是,2014年年底测试的时候发现了5版本的一个问题...第一想到的其实就是事件委托,将事件绑定在body身上,然后进行判断点击的元素类型/元素名称,只要不是input就让原来的表单元素失焦(如果滚动区域中有两个input,一个input处于聚焦状态的时候,点击另外一个...基本功能基于了两个框架,分别是jQuery和iScroll。 测试效果,能够正常失焦: ? 代码解释:上图为在input中输入了文字,然后点击了滚动区的任意位置,input实现失焦。...另外,在使用console.log去打印e.target的时候,很奇怪的是,input类的元素被点击进入聚焦状态的时候,并不会触发body元素上的点击事件,具体原因还有待研究。...$('body').click(function(){$('input').blur();}) PS:iScroll5,在小米中相当卡。

1.3K90
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    微信小程序-元素的定位相对绝对固定

    定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。...要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。...语法 position: relative; //相对定位 position: absolute; //绝对定位 position: fixed; //固定定位 // 然后上下左右来定位其距离 left...: 1px; right : 1px; top : 1px; bottom : 1px; relative 相对相对,就是相对于自己本身在流中的位置的偏移,元素框偏移某个距离。...absolute 绝对绝对,就是位置是觉得,其他元素变化了,他也不动, 但是有个前提就是相对于父元素 —— 前提是父元素的位置是确定的元素框从文档流中删除,并相对于其包含块定位,包含快可能是文档中的另一个元素或者初始包含块

    3.4K31

    移动端框架 滚动类 iScroll5

    HTML5学堂:移动端开发中,经常遇到需要模拟APP的效果header或是footer固定住,里面的内容区域实现滚动。但是对低端手机单纯使用CSS是兼容不了,需要JavaScript的支持。...本文讲解了使用iScroll5的使用方法,解决了固定高度的容器内滚动内容。...iscroll诞生的意义 之所以iscroll会诞生,主要是因为无论是在以前的iphone、ipod、android 或是更早前的移动webkit都没有提供一种原生的方式来支持在一个固定高度的容器内滚动内容...如果希望ul中的内容发生滚动,需要在外层添加一层,同时将iScroll的功能添加到最外层上。...offsetx和offsety定义像素偏移,这样你可以滚动到元素加上一个指定的偏移量 easing 的具体方法被放置在了 IScroll.utils.ease当中,包含:quadratic, circular

    1.2K90

    学习滚动插件iScroll的简单使用

    GitHub下载地址:https://github.com/cubiq/iscroll iScroll版本 iScroll进行了不同的优化,为了达到更高的性能,iScroll分为了多个版本,你可以根据项目选择最适合的版本...iscroll-infinite.js,可以做无限缓存的滚动。处理很长的列表的元素为移动设备并非易事。 iScroll infinite版本使用缓存机制,允许你滚动一个潜在的无限数量的元素。...easing) 滚动到某个元素scrollToElement(el, time, offsetX, offsetY, easing) ;el:为必须的参数;offsetX/offsetY :相对于 el...元素的位移。...滚动中scrollEnd滚动结束flick轻击屏幕左、右zoomStart开始缩放zoomEnd缩放结束 iScroll 可以处理用户进行移动交互的元素:滚动,缩放,平移,无限滚动,视差滚动,旋转等功能

    2.9K30

    伪元素的作用_获取iframe中的元素

    大家好,又见面了,我是你们的朋友全栈君。...目标网站红薯中文网 获取网页源代码也获取不了这些动态渲染的数据 所以用简单的,但是有点麻烦的方法 使用selenium执行js,或者直接在浏览器里面执行js function kkk(){...} kkk() 另外,还有大部分的数据是加密的,也很简单 function long2str(v, w) { var vl = v.length; var sl = v[vl - 1] & 0xffffffff...76980100是上一个请求获取的解密密钥 套用即可 解密之后,里面的参数是对应的 context_kw11 这个就是对应的伪元素的class,将这个都拿去用selenium执行js的方法获取到结果...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    7K30

    从零开始学 Web 之 移动Web(五)touch事件的缺陷,移动端常用插件

    它一直在大力优化性能和文件大小以便在新旧设备上提供最顺畅的体验。 iScroll不仅仅是 滚动。它可以处理任何需要与用户进行移动交互的元素。...即使平台本身提供的滚动已经很不错,iScroll可以在此基础上提供更多不可思议的功能。具体来说: 细粒度控制滚动位置,甚至在滚动过程中。你总是可以获取和设置滚动器的x,y坐标。... 2、在 script 标签中初始化 iScroll。...,一句话: var myScroll = new IScroll(".wrapper"); 3、如果想实现像滚轮,显示滚动条等效果,可以在初始化的时候,将这些需求作为对象,填入第二个参数中,比如,增加滚轮上下滚动操作和显示滚动条的效果...使用说明: 参考链接:http://www.swiper.com.cn/usage/index.html 需要注意的是,swiper 不同于 swipe,它也是结构固定,不限标签的,唯一的区别是类样式的名称是不可改变的

    3.3K20

    HTML中的内联元素与块级元素

    内联元素与块级元素的转换 块元素(block element)和内联元素(inline element)都是html规范中的概念。在加入了CSS控制以后,可以改变块元素和内联元素之间的差异。...内联元素与块级元素列表 3.1 块级元素列表 TypeNoteaddress定义地址caption定义表格标题dd定义列表中定义条目div定义文档中的分区或节dl定义列表dt定义列表中的项目fieldset...标签定义 HTML 表格tbody标签表格主体(正文)td表格中的标准单元格tfoot定义表格的页脚(脚注或表注)th定义表头单元格thead标签定义表格的表头tr定义表格中的行 3.2 行内元素列表...small呈现小号字体效果span组合文档中的行内元素strong语气更强的强调的内容sub定义下标文本sup定义上标文本textarea多行的文本输入控件tt打字机或者等宽的文本效果var定义变量 3.3...TypeNotebutton按钮del定义文档中已被删除的文本iframe创建包含另外一个文档的内联框架(即行内框架)ins标签定义已经被插入文档中的文本map客户端图像映射(即热区)objectobject

    3.1K30

    IScroll的那些事——内容不足时下拉刷新

    之前项目中的列表是采用的IScroll,但是在使用IScroll有一个问题就是:当内容不足全屏的时候,是木有办法往下拉的,这样就达不到刷新的目的了。...搜索touchmove,很好,在_initEvents中的注册了这个事件。...去看看这三个方法,看其中可能会引起不会滑动的点。 在_start方法中,看到这样的几行代码,会不会是直接返回了呢?分析分析: if ( !...这里就不贴图了,实际中的测试结果是,每一次移动肯定是在300ms以内的,这里之所以判断300ms,主要是click事件执行会有一个300ms的延迟。...我们是要向下滑动,所以我们关注的是竖直方向。看第二个条件判断,如果是竖直方向,那么将水平方向的deltaX值变为0。这样做的目的是保持绝对的竖直方向。因为移动实际还是根据元素的位移值来的。

    1.6K110

    吸顶效果解决方案

    页面向下滚动超过吸顶元素初始位置时,把吸顶元素固定在顶部 要求吸顶的元素一般是二级导航栏、搜索框、文章标题栏(h1)、表头(thead)、tab条等等,共同特点是在内容或功能上比较重要,但又不是最重要的元素...(最重要的元素通常固定在页面顶部,navbar-fixed-top) 二.PC解决方案 页面滚动到一定位置时,做一些事情 “回到顶部”按钮也是这样的,页面向下滚动超过150px时,显示该按钮,否则隐藏...,拿不到这段的scrollTop,很难预测这段惯性滚动距离(减速运动),甚至不确定各IOS版本这段距离的计算方式是否相同 iscroll这种假滚动,自然可以实时获取滚动位置,iscroll有一个专用版本来做这个事情...static能为后代元素提供定位参照),但top和left无效 滚过初始位置时,和position: fixed表现类似,top和left生效,固定在屏幕可见区域,但页面不会抖动,原本占据的空间还在(自带守家占位符的感觉...,页面滚动过程中,怎样实时获知滚动条位置?

    3.6K10

    java数组删除元素_java中删除 数组中的指定元素方法

    大家好,又见面了,我是你们的朋友全栈君。 java中删除 数组中的指定元素要如何来实现呢,如果各位对于这个算法不是很清楚可以和小编一起来看一篇关于java中删除 数组中的指定元素的例子。...java的api中,并没有提供删除数组中元素的方法。虽然数组是一个对象,不过并没有提供add()、remove()或查找元素的方法。这就是为什么类似ArrayList和HashSet受欢迎的原因。...不过,我们要感谢Apache Commons Utils,我们可以使用这个库的ArrayUtils类来轻易的删除数组中的元素。...不过有一点需要注意,数组是在大小是固定的,这意味这我们删除元素后,并不会减少数组的大小。 所以,我们只能创建一个新的数组,然后使用System.arrayCopy()方法将剩下的元素拷贝到新的数组中。...其实还是要用到两个数组,然后利用System.arraycopy()方法,将除了要删除的元素外的其他元素都拷贝到新的数组中,然后返回这个新的数组。

    8.2K20

    iScroll click事件触发两次的解决方案

    iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(_end这个函数)。...而在实际操作中,先执行了touchend,然后再执行了一次onclick的相关函数。这样就形成了头疼的一次点击两次触发!...网上有很多代码说解决“iScroll click事件”点击一次触发两次,我也是按着各位大神的步骤写的,但是依旧不成功,也可能是操作不对,我附上我的执行操作的代码,我的已经成功。...解决方案1:点击事件使用Zepto的 tap ,进行解决。 解决方案2:在iscroll搜索that.doubleTapTimer将其注释掉 或者 直接注释以下557-573行即可!...== 'undefined') exports.iScroll = iScroll; else window.iScroll = iScroll; })(window, document); ----

    1.3K20

    如何使用CSS中的固定定位属性?

    摘要 本文介绍了CSS中的固定定位属性(position: fixed)的使用方法和注意事项。固定定位属性可以将元素固定在浏览器窗口的特定位置,不随页面滚动而变动,常用于创建固定导航栏、页脚等。...CSS中的固定定位属性(position: fixed)是一种常用的布局技术,可以将元素固定在浏览器窗口的特定位置,不随页面滚动而变动。这个属性在开发各种网页和应用程序时非常有用。...使用固定定位属性的基本语法 要使用固定定位属性,首先需要为元素设置一个样式类或ID,然后在CSS样式表中定义这个类或ID的样式。...通过上述代码,我们实现了一个固定在页面顶部的导航栏。 使用固定定位属性的注意事项 在使用固定定位属性时,需要注意以下几点: 固定定位的元素脱离了正常的文档流,所以不会影响其他元素的布局。...使用固定定位属性可以为我们的网页和应用程序提供更好的布局效果,让用户体验更加友好和便捷。希望本文对你使用CSS中的固定定位属性有所帮助!

    46610

    Execl函数中的固定单元格

    Execl函数中的固定单元格 由 Ghostzhang 发表于 2013-11-19 22:15 经常用Execl统计一些数据,很好很强大,也很复杂,高级的功能用不上,有几个场景是经常会用到的,比如考勤...原来没有这篇的,不过今天发现了一个很方便的技巧,其实网上能找到,只是一直不知道有这个功能,也就不知道搜索的关键字。...C:C,C1) 很明显并不是我们希望的值。我的方法比在execl上改要稍稍高效一点,就是用文本编辑器先写好再复制粘贴到对应的单元格里: =COUNTIFS(原始数据!A:A,A1,原始数据!...直到今天,在用Numbers的时候,发现它在定义函数的时候可以选『保留行』或『保留列』,可以很方便的把函数中的参数固定: 这样就不会因为自动填充而被改变了,才知道原来可以这样简单,只是因为之前一直不知道...于是又找了下execl下有没类似的东西,结果在mac版的execl下有同样的功能,不过体验差了很多: windows版的没有找到,但功能是支持的,同样只需要在要保留的行或列前面加上一个美元符号 $ 即可

    94640
    领券