Articles of JavaScript

React Native onPanResponderMove似乎很less被调用

我试图在React Native实现一个自定义的垂直滑块。 为此,我使用PanResponder 。 由于滑块是垂直的,我只改变y值。 要停止滑块边界上的对象,我正在检查它是否已经达到任何之前调用Animated.event 。 我的滑块工作正常,直到我非常快地滑动对象。 然后onPanResponderMovecallback似乎被称为太less,对象停止在轨道之外,比边界更远。 componentWillMount() { this.panResponder = PanResponder.create({ onStartShouldSetPanResponder: (evt, gestureState) => true, onStartShouldSetPanResponderCapture: (evt, gestureState) => true, onMoveShouldSetPanResponder: (evt, gestureState) => true, onMoveShouldSetPanResponderCapture: (evt, gestureState) => true, onPanResponderGrant: this._handleOnPanResponderGrant.bind(this), onPanResponderMove: this._handleOnPanResponderMove.bind(this), onPanResponderRelease: this._handleOnPanResponderRelease.bind(this) }) } _handleOnPanResponderGrant() { this.state.pan.setOffset({ x: this.state.pan.x._value, y: this.state.pan.y._value }) this.state.pan.setValue({ x: 0, y: 0 […]

Android Web视图错误I /铬:“未捕获的ReferenceError:

我有一个networking服务在我已经添加了条码阅读器的Android 所以借助JavaScript的帮助,我正在从web-view中调用我的条形码阅读器 所以我跟着这个 并在服务器端devise…我有这个 在JavaScript function mybarcd() { MyApp.mybarcdt(); } function actfromAnd(msg){ document.getElementById("brcd").value = msg; } at HTML/PHP <div class="data"> <input id="brcd" type="text" value=""/> <button type="button" onClick="mybarcd()">SCAN</button> </div> 在Android端 在webview中 webView.addJavascriptInterface(new WebAppInterface(this), "MyApp"); 和新的js界面 @JavascriptInterface public void mybarcdt() { IntentIntegrator intentIntegrator = new IntentIntegrator(Main_A.this); intentIntegrator.setBeepEnabled(true); intentIntegrator.setOrientationLocked(true); intentIntegrator.setPrompt("Scan Barcode"); intentIntegrator.initiateScan(); } @Override protected void onActivityResult(int requestCode, […]

DocumentViewer不能使用Ionic 3

我试图在这里使用离子/cordova插件 。 所以我把这个代码放在我的Page: showDocument() { var options: DocumentViewerOptions = { title: 'A book', documentView: { closeLabel: '' }, navigationView: { closeLabel: '' }, email: { enabled: true }, print: { enabled: true }, openWith: { enabled: true }, bookmarks: { enabled: true }, search: { enabled: false }, autoClose: { onPause: false } } this.docViewer.viewDocument('assets/arabic.pdf', […]

捕获backspace的关键事件

我很难捕获退格键作为JavaScript / jQuery中的键盘事件。 在Firefox,Safari,Opera,Chrome和iPhone / iPad上,我在文本input框中捕获一个按键事件,如下所示: $(id_input).keyup(function(event) { that.GetHints($(this).val().trim(), event, fieldName); }); 这个事件捕获用户击键,然后发送给一个函数发出一个Ajax查找调用。 当用户希望退回他/她已经input的字符时,我的问题就出现了。 在除了我的Droid手机以外的所有浏览器中,当我按下退格键时,这个键入事件捕获由$(this).val()。trim()返回的值,并将其发送到函数处理GetHints。 然而,在Droid上,这个keyup和相等的keydown事件都不会触发,直到用户退出$(this)中的每个字符为止。 所以,例如,如果我input“cu”然后回退到“u”,在input字段中只剩下“c”,除了Droid之外的所有浏览器中,keyup事件都会触发并调用函数GetHints("c", event, fieldName) 。 在Droid上,关键事件永远不会发生。 我错过了什么? 在Droid的软键盘或硬键盘上,这个退格键是如何/为什么没有像预期的那样工作? 我如何解决这个问题?

Android 4.1.1 / 4.1.2 Date Picker Galaxy S3

我正在使用<input type="date"/>根据caniuse.com android浏览器不支持这个呢。 虽然我看着HTC One 4.1.x上的页面,它有自己的input字段本地渲染。 三星Galaxy S3 4.1.2也具有该组件的渲染风格。 然而,caniuse.com表示不支持。 macros达电和三星已明确将这一function添加到他们的Android浏览器版本。 S3 4.1.2上的dateselect器在多个S3上崩溃浏览器? 在第一次访问页面时,复制步骤似乎更常见: selectdateselect器将该月份向下移动两次。 select设置。 页面崩溃/变得无法响应。 我正在使用Modernizr,Modernizrtesting浏览器以查看其function。 在HTCOne和S3 modernizr没有带来我使用的polyfill,这是正确的。 所以IOS工作正常,Android不。 我怎样才能解决这个没有讨厌的黑客在现代化“testing:”属性? 谢谢,长时间阅读,但最好的一个有趣的错误。 麦克风

window.open事件监听器不能在Android 4.4.2中工作

我有一个使用InAppBrowser加载Googlelogin体验的PhoneGap应用程序。 因此,我需要一个事件监听器来检测浏览器何时改变位置。 下面的设置在除了4.4.2以外的所有Android版本上工作得很好,尽我所知; 事件监听者开火,一切都很好。 然而,在Android 4.4.2我似乎无法得到任何事件侦听器的窗口, loadstart,onload,onscroll等等。 不幸的是,似乎无法在Google或StackOverflow上find任何解决scheme。 不知道什么额外的信息是必要/有用的,但很乐意提供任何东西。 var auth_window = window.open(auth_url, '_blank', 'location=no,toolbar=no'); auth_window.addEventListener('loadstart', function(event) { alert("blah") }) – *** ***更新 我已经能够通过退出InAppBrowser并再次打开它来让侦听器启动。 我不知道为什么它会在这种情况下工作,但没有其他的,但。 任何帮助在这里将非常感激。

Android手机上的HTML5canvas – 重绘和突出显示问题

我有一个重画问题,当你滚animation布时,不会重绘,直到你释放你的触摸。 问题在于我依靠“ontouchmove”来移动我的angular色。 所以,直到触摸释放,canvas将不会重绘。 另一个问题是,当canvas被触摸时,它是焦点,或激活。 它围绕它开发了一个焦点环。 我尝试设置:焦点和:活动伪的边界和轮廓什么也没有。 另外,我在canvas上下文中看到了“drawFocusRing”,但是这似乎并没有解决问题。 目前我在Android股票浏览器2.2(MyTouch 3G)

如何在Android中自动滚动到input字段,当软键盘显示时与它们重叠?

我正在开发使用Worklight的混合应用程序,并且遇到以下问题: 当用户点击一个input字段时,popup的软键盘隐藏input字段,当input字段在屏幕上较低时。 该页面是可滚动的,所以用户可以滚动并再次看到该字段,但客户要求定义了页面将自动滚动,直到该字段可见。 请注意,这只发生在Android环境中。 在iPhone和iPad环境中,默认行为就是所需的行为。 根据我的发现,这个技巧应该通过Android清单文件中的android:windowSoftInputMode属性完成。 但是,我所有的努力都没有实现自动滚动。 如果有一个特定于Worklight的解决scheme,我宁愿使用它,而不是介入Android本机代码。

PDF.js查看器捏缩放

我正在使用PDF.js在我正在处理的Web应用程序上呈现文档。 不过,我需要启用缩放放大移动设备,这看起来不像图书馆本身允许本地缩放。 是否有一个库,我可以使用代码来模拟(至less)捏和放大与查看者下拉缩放select相同的比例?

如何检测Google Chrome浏览器是否模拟移动设备?

有没有办法区分真正的移动设备和谷歌浏览器模拟的设备? 请注意,Google Chrome可以模拟Useragent,触摸屏,屏幕分辨率和加速度计。 我需要知道一些无法模拟的function,但可以通过javascript来检测。