我正在创建一个移动网页,它基本上是一个包含多个文本输入的大表单.
但是(至少在我的Android手机上),每次点击某些输入时,整个页面都会缩放,遮挡页面的其余部分.是否有一些HTML或CSS命令可以在moble网页上禁用这种缩放?
在移动设备(iPad,Galaxy Tab)上查看网站时,单击一个元素(常规链接或使用javascript/jquery可点击的任何其他内容)时总会出现延迟.
在线阅读时,我发现浏览器正在使用touchstart,然后是touchend事件,之后它会触发常规点击事件.有没有办法让响应更快,并删除延迟的点击事件?也许通过使用JavaScript或其他东西?
Windows Phone 8是否完全支持默认浏览器中的触摸事件?
它是否可以开箱即用,以便网页可以检测到任意触摸移动事件?
我遇到了一些浏览器的问题,这些浏览器劫持了touchmove事件以用作他们的界面作为滑动手势.Windows Phone 8浏览器是否做了类似的事情?
任何人都可以指向任何有关Windows Phone 8触摸事件的文档吗?
编辑:
这里有一个页面允许有wondows手机8的人测试触摸功能:http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-鼠标输入功能于全browsers.aspx
如果有人可以尝试一下,让我知道它是否有效,我将不胜感激.
但是,有几条评论......
SnarkMaiden 2011年10月20日上午11:17#只是为了好奇; 我有一台带笔和触摸的平板电脑 - 在IE9中,我可以在现场绘制笔,但用手指我只能滚动页面.这是预期的行为吗?泰德约翰逊[MSFT] 2011年10月20日上午11:28#
@SnarkMaiden:不幸的是,是的,这是IE9中的预期行为和IE10中的文档模式9.IE9无法覆盖默认的平移手势.IE10的10模式有一个新的CSS属性,"-ms-content-zoom:none"禁用平移和缩放目标元素.顺便说一下,这个博客在IE10的文档模式9中运行.因此,即使是触控的IE10用户也会看到这种行为.
所以仍然可能无法在该页面上工作,即使它可能在设备上.
我有一些jQuery,我正在研究我们正在研究的测试用例,它在我们的iPad 2上运行速度非常慢.
不过,它对我们的台式机和笔记本电脑很敏感,反应灵敏.我已经尝试删除所有选择器(如果可能),而是使用存储的引用,这没有多大帮助.
在改变之前它是http://jsfiddle.net/EEGgv/5/,之后是http://jsfiddle.net/EEGgv/6/
这是当前的jQuery代码:
$().ready(function () {
var $varSelected = 'undefined';
var $this = 'undefined';
var varPrev = '';
var varNew = '';
$('.btn').click(function () {
$this = $(this);
if ($varSelected !== 'undefined') {
// Get previous value
varPrev = $varSelected.text();
// Find value we're trying to add
varAdding = $this.attr('value');
if (varAdding == 'Clr') {
varNew = '';
} else {
varNew = varPrev + varAdding;
}
// Write new value
$varSelected.text(varNew);
} …Run Code Online (Sandbox Code Playgroud) ipad ×2
mobile ×2
android ×1
browser ×1
css ×1
dom-events ×1
html ×1
javascript ×1
jquery ×1
performance ×1
touch ×1
webkit ×1