IE 10让网站在平板触摸体验更炫酷


随着新的输入设备和触摸屏的到来,网络变得更具有互动性、更有趣、更令人身临其境。Windows 8在网站和应用程序中引入了对触摸输入和手写笔输入处理的支持,Modern UI风格的IE...
随着新的输入设备和触摸屏的到来,网络变得更具有互动性、更有趣、更令人身临其境。Windows 8在网站和应用程序中引入了对触摸输入和手写笔输入处理的支持,Modern UI风格的IE 及应用程序给Windows 8带来了一流的触摸体验,同时并没有牺牲其他形式的输入。网站开发人员现在可以很轻松的确保他们的网站可以很好地支持触摸操作,构建出震撼的新体验,最大限度地利用多点触摸设备、手势等高级输入方式。在Internet Explorer 测试驱动网站上新增和更新的演示触摸效果、捕鸟游戏、飞行图片中可以看到实际的效果。

  1. 在不影响鼠标的情况下,优先处理触摸输入
  首先从基本的输入处理开始。在IE10 和Modern UI风格的应用程序中,开发人员能够写入更抽象的输入形式,称为“Pointer”。Pointer 可以是鼠标光标、笔、手指、或多个手指在屏幕上的任何接触点。利用这个模型编写的网站和应用程序,不论用户使用什么样的输入硬件,都可以很好地工作。与硬件加速的方法类似,硬件越好,这个体验越好,但开发人员编程时使用的API 却是与硬件无关的。

pointer.png


  Pointer 事件封装了来自触摸、笔、鼠标的输入,有助于构建与独立于硬件的体验
  捕捉通用Pointer 输入的事件,看起来与鼠标事件很像:MSPointerDown, MSPointerMove, MSPointerUp, MSPointerOver, MSPointerOut等。
  Pointer 事件提供了鼠标事件的全部常规属性(客户的X/Y 坐标、目标元素、按钮状态等),还提供了针对其他输入形式的新属性:压力、接触几何、倾斜等。所以开发人员很容易针对Pointer 事件编程,不论使用什么样的输入硬件,他们的程序都可以工作。
  有些时候,开发人员想为触摸输入提供不同的体验。这时,Pointer 事件也可以通过event.pointerType属性指定输入的类型(触摸、笔、鼠标)。
  下面是对IE10 开发人员指南(http://msdn.microsoft.com/library/ie/hh673549.aspx)中的绘图程序稍加修改的一个基本的绘图程序:
标签: ie

更多 ie 相关资讯

IE10和HTML5 你该了解哪些

IE10和HTML5 你该了解哪些

你一定听说过HTML5,因为大家都在谈论它;也一定听说过Internet Explorer 10 和 Windows 8,可能你已经体验过了,那么它究竟好在哪儿?究竟能带来什么?Internet Explorer 10

IE10的HTML5性能进步大,与iOS仍有差距

IE10的HTML5性能进步大,与iOS仍有差距

微软在发布Windows Phone 8时曾表示,移动版IE10在HTML5上比起IE9将会有长足的进步,看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试,我们可以

Pulse为IE10打造全新HTML5网页应用

Pulse为IE10打造全新HTML5网页应用

Pulse作为全球知名的新闻阅读应用,现在已经遍布各大智能平台。Pulse提供了多家新闻网站以及报纸的内容供读者阅读,并凭借出色的产品设计和用户界面提供了良好的使用感

微软:IE10用成熟HTML5技术提升体验

微软:IE10用成熟HTML5技术提升体验

HTML5开发者日暨W3C中国6周年庆典近日在北京举行,W3C HTML工作组联合主席、微软互操作性技术团队合作伙伴项目经理Paul Cotton在大会上发表了演讲,并就IE10利用HTML5

HTML5性能实测:iOS6,Safari领先WP8,IE10

HTML5性能实测:iOS6,Safari领先WP8,IE10

尽管距离Windows Phone 8的正式发布还有一段时间,但这并不能阻止我们全面了解它其中的一项重要升级——Internet Explorer 10。这个全新的浏览器在之前六月的微软发

微软:使用IE 10和HTML5可提高30%的加载速度

微软:使用IE 10和HTML5可提高30%的加载速度

微软与本周三解释了其Internet Explorer 10在Windows 8中运行时,如何为网站提供更好的JavaScript性能。今天,IE博客提供了更多的信息,针对如何改善HTML5编程网站的性能

Windows Phone 8 IE10继续提升HTML5性能

Windows Phone 8 IE10继续提升HTML5性能

如果你是Windows Phone 7用户,也许该操作系统的很多方面你都会喜欢,但可能你对IE浏览器不会十分满意,因为该操作系统的浏览器在支持 HTML5方面遇到很多棘手的问题。人

IE10最新版HTML5基准测试数据出现

IE10最新版HTML5基准测试数据出现

Winunleaked今天泄露了IE10最新版10.0.837X.0上的HTML5测试结果,新版在html5test.com中拿下了319分的成绩,而IE9和IE10客户预览版中的成绩分别为138和316,显然IE10在HTML5性能

微软发布 IE 10 兼容性白皮书

微软发布 IE 10 兼容性白皮书

伴随着Windows8 Consumer Preview的发布,IE10也发布了第五个Platform Preview。用户可以在新的预览版中体验一些新的有趣的HTML5 Demo。IE10已提供更高性能和安全保护

IE团队创建新游戏:Bored to Death

IE团队创建新游戏:Bored to Death

微软IE团队创建了一个街机风格的新游戏,其玩法就是用打、踢等方式”杀掉”那些可爱的怪物。这款游戏是在SXSW上首次展示,命名为”Bored to Death“。IE团队对此款游戏的介绍介