每当用户触摸HTML元素时,就会使用touchstart事件执行脚本。触摸特定元素时,如果touchstart事件与之关联,则可以使用它触发javascript函数。

注意:touchstart事件仅在触摸屏设备上起作用。

用法:

object.ontouchstart = myScript;

以下示例程序旨在说明touchstart事件:

程序:当用户触摸P元素时执行JavaScript。

touchstart event in HTML

h1

{

color:green;

}

h2

{

font-family:Impact;

}

body

{

text-align:center;

}

GeeksforGeeks

touchstart event

Touch somewhere in the paragraph to

trigger a function.

function start()

{

document.getElementById("test").innerHTML =

"Paragraph has been touched";

}

输出:

触摸屏幕后

支持的网页浏览器

Opera

IE浏览器

谷歌浏览器

Firefox

苹果Safari

html按键使用touch,HTML touchstart事件用法及代码示例相关推荐

  1. html touchend 获取坐标,HTML touchend事件用法及代码示例

    当用户将手指从元素上移开时,touchend事件用于执行脚本.它仅适用于带触摸屏的设备. 用法: object.ontouchend = myScript; 以下示例程序旨在说明touchend事件: ...

  2. html onfoucs状态事件,HTML onfocusin事件用法及代码示例

    当元素获得焦点时,将发生HTML DOM onfocusin事件. onfocusin与onfocus相同,唯一的区别是onfocus事件不会冒泡. 如果要确定某个元素或其子元素是否获得焦点,则应使用 ...

  3. html 拼接onmouseout,HTML onmouseout事件用法及代码示例

    将鼠标指针移出元素或其子元素时,将发生HTML DOM onmouseout事件. 用法: 在HTML中: 在JavaScript中: object.onmouseout = function(){m ...

  4. html onload状态事件,HTML onload事件用法及代码示例

    当对象被加载时,HTML中的DOM onload事件发生. onload事件主要在元素 中使用 onload事件可用于检查浏览器类型和浏览器版本,并根据该信息加载网页的版本. onload事件也可以用 ...

  5. html video标签canplay,HTML oncanplay事件用法及代码示例

    当指定的音频/视频缓冲到足以开始时,就会发生HTML DOM oncanplay事件. 事件的发生顺序在音频/视频的加载过程中: onloadstart ondurationchange onload ...

  6. html的toggle属性,HTML ontoggle事件用法及代码示例

    HTML DOM中的tonggle事件在用户打开或关闭元素时发生. 标签用于内容/信息,该内容/信息最初是隐藏的,但如果用户希望看到它,则可以显示. 用法: 在HTML中: 在JavaScript中: ...

  7. html加载onchange事件,HTML onchange事件用法及代码示例

    当元素的值已更改时,将发生HTML DOM onchange事件.当选中的状态已更改时,它也可以使用单选按钮和复选框. 注意:此事件与oninput事件类似,但唯一的区别是oninput事件在元素值更 ...

  8. html onmouseover 注释掉,HTML onmouseover事件用法及代码示例

    将鼠标指针移到元素或其子元素上时,将发生HTML中的DOM onmouseover事件. 用法: 在HTML中: 在JavaScript中: object.onmouseover = function ...

  9. python numpy allclose用法及代码示例

    python numpy allclose用法及代码示例 用法: numpy.allclose(a, b, rtol=1e-05, atol=1e-08, equal_nan=False) 如果两个数 ...

最新文章

  1. MySQL面试题 | 附答案解析(七)
  2. Docker镜像使用
  3. vim g s 对比
  4. python语言特点有哪些-python语言的有何特点?
  5. python的GUI之Tkinter的Label组件
  6. 浏览器模式用户代理字符串(IE)
  7. jQuery获取HTML标签自定义属性值或data值
  8. Gray Code LeetCode 89
  9. HDU - 3026 Chinese Chess(二分图的必经边)
  10. 让字跑起来的HTML5标签,HTML5:标记文字
  11. mysql和sqlserver分页的区别_关于SQLServer和MySQL 查询分页语句区别
  12. VMware Workstation 8下Ubuntu 13.04中安装VMware Tools出错
  13. Sql Server之旅——第五站 确实不得不说的DBCC命令
  14. JavaWEB/JSP 中简单的验证码 springMVC
  15. 深入理解JavaScript的设计模式
  16. Java的强、软、弱、虚四种引用类型
  17. windows10使用mklink命令给C盘软件搬家
  18. Mentor Xpedtion partsymbolcell
  19. Java的Integer与int互转
  20. Android 设置桌面背景

热门文章

  1. 搭建自己的git仓库之简单搭建本地git仓库和远程git仓库~
  2. mac 随航到ipad链接超时
  3. 腾讯云部署https请求
  4. Android Framework 初理解
  5. sql中 count(*),count(1)以及count(字段)的区别
  6. Nginx反向代理之location
  7. [na]双绞线线序+POE供电网线
  8. Codeforces Round #745 (Div. 2)部分题解(A ~ C,E的题意与想法)
  9. win10远程桌面连接凭据怎么设置_win10远程桌面连接提示您的凭据不工作修复方法...
  10. 车载软件架构——AUTOSAR的江湖夜雨十年灯