html屏蔽触屏代码,HTML touchcancel事件用法及代码示例

当触摸事件被中断时，touchcancel事件用于执行脚本。如果设备以不同的动作中断触摸事件，则包括touchcancel事件以清理代码是一种很好的做法。

用法:

object.ontouchcancel = myScript;

下面的程序演示了touchcancel事件：示例1：触摸中断时执行JavaScript。

touchcancel Event in HTML

h1 {

color:green;

}

h2 {

font-family:Impact;

}

body {

text-align:center;

}

GeeksforGeeks

touchcancel Event

Touch somewhere in the paragraph while

you do something that will interrupt the event.

function cancel() {

document.getElementById(

"test").innerHTML =

"Touch Cancelled due to interruption";

}

输出：

触摸屏幕之前：

触摸屏幕后：

支持的浏览器：

IE浏览器

谷歌浏览器

Firefox