Articles of JavaScript

捏放大,缩小 – 55228885 55228885视窗C#Office Java phpsearch首页> JavaScript的>在android平台上的Web的JavaScript / jquery /

什么是涉及捏放大或缩小的JavaScript或jQuery或jQuery的移动事件? 我试图捕捉这些事件放大和放大一个div内的图像,而不影响整个网站的布局。 最简单的方法来检测一个捏适用于iPad,但不是机器人。 什么是相同的方式来检测相同的android平台上的networking? 任何帮助表示赞赏。 编辑:我一直在尝试touchy.js ,这适用于放大和缩小图像,但如果图像的一部分不能通过手指轻扫或类似的东西放大到图像是没有用的 。 例如,请考虑以下代码: <div style=" border: 1px solid blue; width: 560px; overflow:scroll;"> <p>&nbsp;</p> <img id="image" src="images/tux.png" alt="my image" style=" border: 1em solid gray;" /> </div> 我需要图像停留在div内,用户应该可以在放大图像后移动图像。但是,使用此代码,我必须在空白区域(由段落标记创build)上滑动手指以便水平地去图像的不同部分。 垂直方向也是如此(您必须在网页的空白区域上滑动手指才能看到图像的长度)。 我想说的是, 在图像内部滑动运动没有任何效果,而用户在放大图像后会期望这样做。 没有一个例子就很难解释,我试图创buildhttp://jsfiddle.net/Debarupa/8peaf/,但它不工作,因为我不能编辑头元。 我需要补充: <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1" /> 使整个网页不可缩放。

Touchend touchmove后不开火

我试图为移动设备创build一个页面,检测scrollTop位置,如果scrollTop小于文档高度的一半,则滚动到页面的顶部,如果不滚动则滚动到底部。 我已经实现了这一点: var ScrollTimeout; $(window).on('scroll',function(){ clearTimeout(ScrollTimeout); ScrollTimeout = setTimeout(scrollToTopOrBottom,200); }); 问题是超时会在用户停止滚动时触发,但手指仍然在屏幕上。 然后,我和touchend事件一起工作,这很棒。 $(document).on('touchend',function(){ scrollToTop(); }); 用户可以停止滚动(手指仍然在屏幕上),然后继续滚动而不触发scrollToTopOrBottom()函数。 问题是,这个事件在浏览器之间是无效的: 在某些浏览器(Maxthon和Android)中, touchend事件按预期工作,但在Opera Mobile和Chrome中, touchend事件不会触发。 对此的解释是touchend不会触发,因为touchcancel已经被触发了 。 我已经试过了 $(document).on('touchmove',function(e){ e.preventDefault(); }); 并成功地避免了touchcancel的触发,但不幸的是也避免了滚动的自然行为。 有谁知道这是如何实现的? 我完全没有想法。 谢谢。

在触摸某些Android平板电脑之前,YouTube IFrame API播放方法不起作用

我们正在开发YouTube播放器并使用IFrame API。 除了我们的Android 4.2.2testing设备之外,一切工作都非常好。 只有在这些设备上(而不是在任何其他版本的Android上),必须通过触摸video视图来“手动”启动video。 在所有其他设备上,我们可以使用YouTube方法以编程方式启动video播放。 一旦video以这种方式启动,YouTube API就可以按预期工作(即播放,暂停,停止方法都按预期方式编程)。 这是我们的代码的本质: var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: 'C0DPdy98e4c', playerVars: { controls: 0, showinfo: 0, modestbranding: 1 } }); } function playVideo() { player.playVideo(); } 如果我们尝试在用户手动启动video(在Android 4.2.2设备上)之前以编程方式播放video,则video开始缓冲,然后失败。 失败时,video视图变黑,并显示一个不同的模式,在这里的video视图的左上angular看到: 有没有人遇到过这个问题? 有没有人有什么build议呢?

Android浏览器触摸事件停止显示正在更新公司。 canvas/元素 – 如何解决?

在一些 Android的本地浏览器触摸页面似乎停止显示更新,直到手指被释放。 对于基于html元素的animation(切换类)和基于canvas的animation都会发生这种情况。 但是,它并不能阻止正常的js执行,而其他事件是正常的。 在这个问题的设备上,海豚浏览器也似乎受到影响(不是Firefox)。 Touchstart / move既有preventDefault()也有stopPropergation(),cancelBubble = true; 和e.returnValue = false ;. 在CSS webkit中,select也被禁用​​。 该页面不会滚动。 在这里有一个类似的问题: Android浏览器是否在touchStart上lockingDOM? 但我想知道这种行为是否可以克服,或至less是发现哪些设备会受到这个问题的影响,这是一个设备还是版本android问题? 如果您无法回答运行演示的问题,并将您的体验与设备模型和useragent(显示在演示页面底部)一起报告,则可能会帮助其他人或我自己回答问题。 这里是一个演示和重现行为的步骤。 链接的二维码可以在这里findhttp://img.androidcookie.com/javascript/tmp.png 。 https://s3-eu-west-1.amazonaws.com/canvas-test-pd/index.html 网页顶部有一个canvas,底部有一个底部有背景图片的div。 每秒钟canvas被清除,并显示一个不同的图像,div有类切换(两个切换0和1 pngs)。 一旦切换了几次,将手指放在canvas上(顶部的灰色框),并将其放在那里。 等待animation是否继续(有时会停止一次或两次),如果有任何视觉扭曲。 更新似乎Galaxy Tab运行3.2需要处理touchstart /文档结束,而不是只需要div的屏幕来继续更新显示。 感谢jimpic。 我开始相信这是制造商的皮肤问题,尽pipe这很难certificate。

Android上的keyCode总是229

在我的三星Galaxy选项卡4(Android 4.4.2,Chrome:49.0.2623.105)我碰到的情况下,keyCode总是229。 我已经为两种情况设置了一个简单的testing <div contenteditable="true"></div> <input> <span id="keycode"></span> 脚本: $('div, input').on('keydown', function (e) { $('#keycode').html(e.keyCode); }); DEMO 幸运的是,我可以find关于这个post,但我找不到一个工作的解决scheme。 有人build议使用keyup替代或使用textInput事件,但只有一个blur 。 现在,最重要的是,这不会发生在默认股票浏览器:( 任何帮助,将不胜感激! 更新:如果事实certificate这是不可能的,我仍然可以抓住字符之前的字符: 后

jQuery – 在手机上允许自动显示键盘

我有一个closures后端的Rails应用程序。 在某些页面上,我想自动select一个文本input,所以我可以使用外部蓝牙扫描器来扫描条形码,而不必每次都使用鼠标/触摸屏进行select。 这非常适用于非移动设备。 但是,在移动设备(主要是平板电脑)上,我希望键盘popup(因为扫描仪被系统视为“键盘”)。 我知道这是由iOS阻止,因为它可能是烦人的。 不过,我想知道: 我可以让键盘自动出现在Android和/或Windows平板电脑上吗? 在iOS上,我可以更改此默认行为,以便键盘自动出现? 我可以访问所有需要这种行为的设备。 编辑:我知道我可以使用一个click事件来使键盘出现(这是它现在的样子)。 但是,每次我想要扫描时,我都不想触摸平板电脑。

Phonegap和提示符()

我正在通过Android的Phonegap资源,并试图validation他们的notification.alert()方法只是委托给本地JavaScript alert()函数。 他们的代码确实: Notification.prototype.alert = function(message, completeCallback, title, buttonLabel) { var _title = (title || "Alert"); var _buttonLabel = (buttonLabel || "OK"); PhoneGap.exec(completeCallback, null, "Notification", "alert", [message,_title,_buttonLabel]); }; 在我看来,像“alert”将被解释为要在exec()调用的函数的名称,但exec()正在执行: PhoneGap.exec = function(success, fail, service, action, args) { try { var callbackId = service + PhoneGap.callbackId++; if (success || fail) { PhoneGap.callbacks[callbackId] = {success:success, fail:fail}; } […]

Android上缓慢的Javascript触摸事件

我试图写一个简单的基于HTML的绘图应用程序(独立的简化代码附加波纹pipe)。 我已经在以下设备上testing了这一点: iPad 1和2 :效果很好 运行Windows的华硕T101 :效果很好 三星Galaxy Tab :非常缓慢和斑点 – 无法使用。 联想IdeaPad K1 :非常缓慢和斑点 – 无法使用。 华硕变压器总理 :与iPad的显着滞后比较 – 接近可用。 华硕平板电脑正在运行ICS,其他Android平板电脑正在运行3.1和3.2。 我使用股票Android浏览器进行testing。 我也尝试过Android Chrome Beta,但是情况更糟。 以下是一个演示此问题的video: http : //www.youtube.com/watch?v = Wlh94FBNVEQ 我的问题是为什么Android平板电脑这么慢? 我做错了什么,或者它是Android操作系统或浏览器的inheritance问题,还是我有什么可以在我的代码中做的? multi.html: <html> <body> <style media="screen"> canvas { border: 1px solid #CCC; } </style> <canvas style="" id="draw" height="450" width="922"></canvas> <script class="jsbin" src="jquery.js"></script> […]

如何在Android应用程序中查看WebView中的Javascript错误?

我想在应用程序中的WebView中运行JavaScript。 我正在开发Nexus 7。 HTML / javascript在Chromium上运行良好,但某些操作不会在平板电脑上发生。 有没有一种方法来查看是否有任何JavaScript本身在平板电脑上失败? 一种控制台视图?

phonegap cordova.js丢失

我使用连接的手机作为ADB设备。 →phonegap -v 3.1.0-0.15.0 我的index.html几乎没有 <script type="text/javascript" src="phonegap.js"></script> <script type="text/javascript" src="cordova.js"></script> <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/angular.min.js"></script> <script type="text/javascript" src="js/main.js"></script> </body> 当我跑步 → phonegap local run android [phonegap] compiling Android… [phonegap] successfully compiled Android app [phonegap] trying to install app onto device [phonegap] successfully installed onto device 我可以看到我的应用程序运行,之前没有注意到控制台中的错误。 然后,我尝试了更复杂的东西,如ngRoute,但它没有奏效。 我决定删除所有的数据到几乎空的项目,你可以看到(可以肯定别的东西不会导致这个错误)。 然后我通过检查控制台: adb […]