每当用户触摸HTML元素时,就会使用touchstart事件执行脚本。触摸特定元素时,如果touchstart事件与之关联,则可以使用它触发javascript函数。
注意:touchstart事件仅在触摸屏设备上起作用。
用法:
object.ontouchstart = myScript;
以下示例程序旨在说明touchstart事件:
程序:当用户触摸P元素时执行JavaScript。
<!DOCTYPE html>
<html>
<head>
<title>touchstart event in HTML</title>
<style>
h1
{
color:green;
}
h2
{
font-family:Impact;
}
body
{
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>touchstart event</h2><br>
<!-- On touching this P element, the start()
function is trigerred -->
<p ontouchstart="start()">
Touch somewhere in the paragraph to
trigger a function.
</p>
<br>
<p id="test"></p>
<script>
function start()
{
document.getElementById("test").innerHTML =
"Paragraph has been touched";
}
</script>
</body>
</html>
输出:
触摸屏幕后
支持的网页浏览器
- Opera
- IE浏览器
- 谷歌浏览器
- Firefox
- 苹果Safari
相关用法
- HTML onunload事件用法及代码示例
- HTML touchmove事件用法及代码示例
- HTML onwheel事件用法及代码示例
- HTML onsuspend事件用法及代码示例
- HTML onmessage事件用法及代码示例
- HTML ondragover事件用法及代码示例
- HTML touchcancel事件用法及代码示例
- HTML onpaste事件用法及代码示例
- HTML onsubmit事件用法及代码示例
- HTML ontimeupdate事件用法及代码示例
- HTML onselect事件用法及代码示例
- HTML onseeking事件用法及代码示例
- HTML onsearch事件用法及代码示例
- HTML onseeked事件用法及代码示例
- HTML ontoggle事件用法及代码示例
注:本文由纯净天空筛选整理自Shubrodeep Banerjee大神的英文原创作品 HTML | DOM touchstart Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。