触屏事件
1 触屏(touch) 事件
- touchstart 手指触摸屏幕时触发,即使已经有手指在屏幕上也会触发
- touchmove 手指在屏幕滑动时触发
- touchend 手指从屏幕时移开时触发
- touchcancel 当触控点被特定的实现方式打乱时触发(例如,弹框),一般不用
2 事件绑定方式
DMO0事件,就是传统的直接将事件作为属性设置的形式:
domNode.ontouchstart = function(){
alert('hello world');
}
DOM2事件,则是用 addEventListener 的方式来监听事件处理程序:
dom.addEventListener("touchstart",function(){
alert('hello world');
});
推荐使用 DOM2事件方式,因为最初的移动端浏览器只支持这种方式。
3 移动端响应 Mouse 事件
移动端没有鼠标,但不代表手机不能响应mouse事件(其实是借助touch去触发mouse事件)。
在手机上,当我们手触碰屏幕时,要过 300ms 左右才会触发 mouse 事件,所以 mouse 事件在手机上看起来就像慢半拍一样。
mouse 事件主要有: click
、dblclick
、contextmenu
、mousemove
、mousedown
、mouseup
等