草庐IT

移动侦测

全部标签

javascript - 使用 Prototype 将一个 div 从一个 div 内部移动到另一个 div?

在原型(prototype)或正常但跨浏览器兼容的Javascript中,如何将一个div的内容移动到另一个div的内容?在div中是一个带有id和带有事件观察器的依赖Javascript代码的表单。我不希望它因为我在DOM中移动了一个block而中断。“thisinnerHTML=thatinnerHTML”解决方案不是我要找的。我还需要在加载DOM时执行此操作。我想从这里开始:HelloWorlds!为此:HelloWorlds!...当文档加载时没有任何跳跃。 最佳答案 您可以在BODY标签的最后添加:document.get

javascript - 输入文件上传多个文件在移动设备上不起作用

我有一个通用的文件uploader,看起来像这样:Browse我可以在桌面上上传多个文件没有问题,但是当我尝试在移动设备上使用相同的功能时,我似乎无法选择多个文件。这是javascript:varFilenames;functiongenerateUUID(){vard=newDate().getTime();varuuid='xxxxxxxxxxx'.replace(/[xy]/g,function(c){varr=(d+Math.random()*16)%16|0;d=Math.floor(d/16);return(c=='x'?r:(r&0x3|0x8)).toString(16

javascript - 围绕一个圆圈移动阴影

我有一个每10秒绕一圈的圆。我正在尝试转换一个与轨道原点(光源)成一定Angular阴影,同时还要考虑相机Angular。阴影适用于某些Angular,但随着相机的边缘越来越多或自上而下,它开始看起来不太准确,我不知道如何纠正它-这似乎是一个我正在努力解决的复杂数学问题弄清楚如何解决。这是动画:http://jsfiddle.net/8y2bm88w/我的阴影绘制代码:ctx.beginPath();//rotateshadowwiththeplanetctx.translate(originX+obj[i].x,originY+obj[i].y);ctx.rotate(obj[i].

javascript - 单击事件不会在移动 safari 中通过 youtube iframe 触发

我想在youtubeiframe视频上方放置交互控件,我通过添加wmode=opaque使其工作正常作为参数,然后将元素绝对定位在iframe之上。我的问题是,在移动版Safari上-控件首先工作正常,但当我从全屏视频返回时,它们都被禁用了。不过它在桌面上运行良好。HTML基本上是:Clickme然后按钮绝对定位在iframe之上。如需演示,请使用移动浏览器访问此fiddle:http://jsfiddle.net/SwGH5/embedded/result/您会看到该按钮在单击时会产生警报。现在,播放视频并单击“完成”。然后尝试再次单击按钮...如果电影是使用嵌入的标记我可以监听全屏

javascript - 找到两个移动物体的最佳交点

我想大幅优化我的一个算法,我会尽我所能来解释它。主题t=0时,我们处于二维欧几里得系统中。在这个系统中有两个对象:O1和O2。O1和O2分别位于PA和PC点。O1以恒定且已知的速度向点PB移动。物体到达PB时停止。O2可以恒定且已知的速度在任何方向上不同或不O1。在时间0,O2没有方向,我们需要为它找到一个方向。已知参数:O1:位置、方向、速度O2:位置、速度这是系统的小图。我们想找到点PI和时间ti为:O1在时间ti的位置=O2在时间ti的位置=圆周率。然后让物体O2移动到PI点,得到O2方向。选择O2的方向(PointPi)并且两个对象O1和O2都在移动时,对象将永远不会停止或等待

javascript - 使用媒体查询进行移动优化的背景而不是内联图像?

我通过媒体查询对我的网站进行了移动优化。一切看起来都如我所愿,但正在下载不必要的图像(因为它们被css隐藏),从而减慢了页面加载时间。对此最简单的解决方案似乎是用带背景图像的div替换尽可能多的内联图像。然后我可以用移动版本的媒体查询css隐藏div。我知道这有潜在的缺点,在这篇文章中有很好的概述:WhentouseIMGvs.CSSbackground-image?因此公司Logo、员工照片等将保留为内联图像。我的方法是否有任何我没有考虑过的问题?我阅读了很多关于移动优化的文章,尤其是关于媒体查询的内容,但我还没有听说有人这样做,尽管这似乎是一个非常明显的解决方案,其中图像可以内联或

javascript - 如何使用jquery在鼠标移动到页面底部时自动滚动窗口

我有50个div,但在我的窗口中它只显示25个,我在这些div上进行拖放事件。所以如果我将我的第一个div拖到第25个div附近,它应该自动滚动以显示剩余的div。如何我在jquery中做这个?有什么想法吗?我正在使用Nestable不可拖动() 最佳答案 这将需要根据您的具体用例进行一些微调,但它似乎运行良好。WorkingExample$('.dd').nestable({/*configoptions*/});$(window).mousemove(function(e){varx=$(window).innerHeight(

Javascript:将对象从一个数组移动到另一个数组:最佳方法?

我有两个数组,分别称为“objects”和“appliedObjects”。我试图在Javascript和/或Angular中想出一种优雅的方式来将对象从一个数组移动到另一个数组。最初我做了这样的事情:$scope.remove=function(){angular.forEach($scope.appliedObjects,function(element,index){if(element.selected){element.selected=false;$scope.objects.push(element);$scope.appliedObjects.splice(index,

javascript - Google Maps InfoBubble pixelOffset(从标记上方的默认位置移动)

我正在尝试实现一个自定义infoBubble,它的框打开到标记的一侧,而不是默认位置在顶部。事实证明这比预期的要难。使用普通的infoWindow,您可以使用pixelOffset。在这里查看documentation使用infoBubble似乎并非如此。有没有办法在infoBubble中使用pixelOffset,或者可以做同样事情的东西?我发现这很难搜索,因为使用这样的谷歌搜索不会返回任何相关结果GoogleSearch以下是我一直在使用的所有资源。infoBubble示例here.我的JavaScript用于设置map和infoBubblehere.现在我的javascript在

javascript - 确定用户是否在移动设备上的最简单方法

我在我的网站上显示了一个通知栏,坦率地说,它在移动设备上运行不佳。我只想为桌面用户显示该栏。确定用户是使用桌面设备还是移动设备的最简单方法是什么? 最佳答案 用户代理检查是“最简单的”,尽管您可以轻松使用CSS3mediaqueries这里是一个检查iphone、android和blackberry的例子;您可以轻松添加其他移动浏览器。varis_mobile=!!navigator.userAgent.match(/iphone|android|blackberry/ig)||false;