Articles of JavaScript

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来检测。

我可以阻止手机在网页上进入睡眠状态吗?

在应用程序中,我可以使用http://developer.android.com/reference/android/os/PowerManager.WakeLock.html,但有没有办法保持网页运行,并防止进入睡眠? 这将是很好,如果它至less在Android上运行。

Android浏览器快速连续两次点击事件

我正在尝试使用JavaScript和jQuery来捕捉触摸事件。 但在Android 2.3.2的Web浏览器中,我看到了一些非常奇怪的行为:每当我点击屏幕,然后快速点击屏幕上的其他地方,浏览器: 瞬间显示一个橙色边框,并在整个屏幕上突出显示 发给我错误的事件 橙色的边界似乎只是一个相同的基本问题的相关症状,所以我并不太担心 – 它能够告诉浏览器何时搞砸事实上是方便的。 我真正想知道的是, 我怎样才能始终如一地获得正确的碰触事件? 我相信当这个问题解决了之后,橙色边界也会消失。 以下是我迄今为止所做的所有痛苦的细节。 以下是显示问题的页面,并显示大量关于收到的每个事件的详细信息和时间的诊断信息。 如果你在蓝色的矩形里面点击,你一定会得到橙色闪光/坏的事件,然后在黑色的矩形内快速点击。 我的jQuery代码是非常标准的。 logfunction的实现并不重要, 问题是浏览器不应该在应该的时候调用它。 el = $('#battle'); el.on('touchstart', function(event) { log(event); return event.preventDefault(); }); el.on('touchend', function(event) { return log(event); }); el.on('touchcancel', function(event) { return log(event); }); el.mousedown(function(event) { log(event); return event.preventDefault(); }); return el.mouseup(function(event) { return log(event); }); 关于我最初描述的现象的更多细节: 橙色边框和高亮显示:这是相同的橙色边框,并突出显示浏览器在您单击时绘制超链接。 但是,页面上没有超链接,浏览器在整个屏幕上(或者更具体地说,围绕外部的<div id="battle">绘制了这个橙色边框,我通过jQuery来挂钩事件。 […]