草庐IT

webkit-touch-callout

全部标签

javascript - <input> 有焦点,但无法在 WebKit 中输入

我遇到了一个小问题,过去两个小时一直在调试它。在确定一个新鲜的大脑可能会有所帮助之后,我决定在这里发帖。我知道我应该在这里发布一些代码用于遗留问题,但这个问题涉及大量代码,因此提供链接更容易。请查看以下页面:http://ben-major.co.uk/labs/phonee/#overlays.如果您点击Prompt(在Chrome或MobileSafari中),您会看到一个提示框。这是障碍:该字段具有焦点(请参阅白色背景,而不是未聚焦字段的#eee颜色),但是当尝试在该字段中键入任何内容时,尽管该字段具有焦点,但什么也没有发生.我在我的MBP(Chrome)、iMac(Chrome

javascript - Chrome/Webkit inline-block 刷新问题

我发现的问题如下:情况:我的整体div有一个inline-block展示。它里面有两个元素,有一个inline-block也显示。然后我添加(感谢JavaScript)一个在两个元素之间。第二个转到下一行,这是正常行为。有问题的部分:然后被删除(再次是JavaScript)并且......显示不会改变。看起来整体div的box没有重新计算。最后我有两个相似的标记,但它们的显示方式不同(这有点问题,不是吗)。它在Firefox上运行良好(它似乎是基于webkit的,因为Android浏览器的行为方式相同)。所以我的问题是,是否有一种不使用会改变DOM的方法的解决方法?使用的库是jQuer

javascript - 溢出 :auto not working in touch devices(iOS)

我已经使用twitterbootstrap实现了一个网站。在站点的顶部,我使用了一个导航栏,在其中使用了一个下拉菜单。下拉菜单由和标签组成。我正在显示该下拉菜单中的成员列表。当成员列表增长时,下拉菜单水平增长,为此我在下拉菜单类中添加了overflow:auto。现在它显示一个垂直滚动条,并且在浏览器中工作正常。但同样的事情在iPad和其他iOs设备上不起作用。我用谷歌搜索了一下,发现-webkit-overflow-scrolling:touch应该可以。但这对我不起作用。还有很多其他解决方案,但不幸的是对我不起作用。有没有更好的解决方案。可能是我们可以使用css本身做的任何事情。

javascript - 从 Webkit 通知返回给 parent

我正在使用webkitNotifications和createHTMLNotification等在Chrome(Windows)中成功创建通知。现在我真的很想让通知窗口与创建通知的选项卡/窗口(是规范的一部分)进行通信(或至少将焦点设置到)。我意识到此功能仍处于早期阶段,但我想也许有人知道办法。我试过了:window.opener.focus();从通知窗口,但没有用。这个页面...http://www.thecssninja.com/javascript/web-notifications说...“如提案中所述,使用window.opener.focus()将焦点带回调用通知的窗口,

javascript - Sencha Touch - Map.Geo = null

我正尝试在SenchaTouch上学习这个简单的教程http://dev.sencha.com/deploy/touch/getting-started.html我不断收到JavaScript错误:未捕获的TypeError:无法调用null的方法“on”这与未正确设置的Map.geo属性有关。我使用的是与链接上相同的代码。我试过换一个盒子,以防是防火墙问题,但还是出现了同样的错误。 最佳答案 在您的应用程序JavaScript文件中,将getLocation:true替换为useCurrentLocation:true。

javascript - 在 sencha touch 中使用按钮导航

我正在迈出使用Senchatouch的第一步。结果正是我所追求的,然而要获得Sencha的组合方式却很困难。我正在慢慢弄清楚,但有时代码的工作方式有点WTF。我正在尝试构建一个非常简单的应用程序来执行以下操作。1)具有三个选项卡,附近搜索(地理)、快速关键字搜索、类别搜索。2)每个选项卡搜索返回​​一个结果列表3)单击每一行可以显示更多信息。我认为我已经找到了标签。像这样:Ext.setup({tabletStartupScreen:'tablet_startup.png',phoneStartupScreen:'phone_startup.png',icon:'icon.png',g

javascript - iPad 上的 Webkit 动画性能

基于webkit的转换/动画会影响iPad上的JS性能吗?是否有单独的图形处理器来处理webkit的东西?基本上,我正在开发一个包含一些简单的webkit动画的程序,但其中有很多,我认为我必须取消动画,因为它会使Ipad变慢。 最佳答案 您可以查看ThomasFuchs的文章:MakinganiPadHTML5App&makingitreallyfast他提出的一些观点是图像极大地减慢了速度——摆脱它们避免文字阴影和框阴影避免不透明(干扰硬件加速渲染)使用translate3d,而不是translate(后者并不总是硬加速的)确保使

javascript - 如何在 Sencha Touch 中向模型添加自定义验证规则

Sencha的这篇文章涵盖了如何使用内置验证规则(存在、长度、格式、包含、排除),并提到添加自定义规则很容易,但从未解释如何操作。我用谷歌搜索了高低并阅读了sencha文档,但我找不到任何关于如何做到这一点的信息。有什么想法吗?http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch 最佳答案 我认为这是文档中的一个小错误。我通过添加一些代码让它们工作if(Ext.data){Ext.data.validations.custom=f

javascript - webkit (Safari/Chrome) 中的选择范围

我正在使用内容可编辑的iframe在javascript中创建语法高亮器,最重要的事情之一是能够正确缩进代码。以下代码在Firefox中运行正常://Createoneindentcharactervarrange=window.getSelection().getRangeAt(0);varnewTextNode=document.createTextNode(Language.tabChar);range.insertNode(newTextNode);range.setStartAfter(newTextNode);它创建一个制表符并将光标移动到该字符的右侧。在Chrome和Sa

javascript - Modernizr.touch 在 firefox 浏览器上返回 true

我编写了一些代码来获取基于触摸和非触摸的事件。它适用于所有其他浏览器和设备,但Firefox除外。默认FF返回true。varthumbsEvent,isTouch=Modernizr.touch;//detectthetouchif(isTouch){thumbsEvent='click';//ontouchsurface,click}else{thumbsEvent='mouseover';//onnontouchsurface,mouseover}有没有办法解决这个问题。Examplefiddle 最佳答案 代表Moderni