HTML DOM Track 对象在 HTML 中表示 <track> 元素。创建 <track> 元素：var trackObject = document.createElement("TRACK") 这里，“trackObject” 可以具有以下属性：属性说明default设置/返回 track 的默认状态kind设置/返回 track 的 kind 属性值label设置/返回 track 的 label 属性值readyState返回 track 资源的当前状态src设置/返回 track 的 src 属性值srclang设置/返回 track 的 srclang 属性值track返回一个 TextTrack 对象，表示 track 元素的 texttrack 数据让我们来看一个 Track kind 属性的例子：示例 在线演示 Track kind form { ... 阅读更多

HTML DOM Track label 属性设置/返回 track 元素的 label 属性值，以指定 track 的可见文本。以下是语法：返回字符串值 trackObject.label 设置 label 为 stringValue trackObject.label = labelValue 让我们来看一个 Track label 属性的例子：示例 Track label form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } Track-label var divDisplay = document.getElementById("divDisplay"); var trackSelect = document.getElementsByTagName("track"); function getTrackDetails() { for(var i=0; i

HTML DOM Track kind 属性设置/返回 track 元素的 kind 属性值，以指定文本轨道的类型。以下是语法：返回字符串值 trackObject.kind 设置 kind 为 stringValue trackObject.kind = stringValue 这里，“stringValue” 可以是以下值：stringValue详情captions字幕是对话和音效的翻译（适合听障人士）chapters定义章节标题（用于导航媒体资源）descriptions定义视频内容的文字描述（适合视障人士）metadata对用户不可见，内容由脚本使用subtitles用于在视频中显示字幕让我们来看一个 Track kind 属性的例子：示例 在线演示 ... 阅读更多

HTML DOM Track default 属性设置/返回一个布尔值，表示 track 是否要启用，直到用户的偏好与之相矛盾。注意：每个媒体（音频/视频）元素只有一个 track 应该是 default。以下是语法：返回布尔值 - true/false trackObject.default 设置 default 为 booleanValue trackObject.default = booleanValue 这里，“booleanValue” 可以是以下值：booleanValue详情true定义 track 将默认启用false定义 track 不会启用，除非用户偏好启用让我们来看一个 Track default 属性的例子：示例 在线演示 Track default form { width:70%; margin: 0 auto; text-align: ... 阅读更多

当触摸屏幕时，会触发 HTML DOM touchstart 事件。注意 - 此事件仅适用于触摸设备。以下是语法：在 HTML 中触发 touchstart 事件 - ontouchstart = "eventFunction()" 在 JavaScript 中触发 touchstart 事件 - eventObject.ontouchstart = eventFunction 注意 - 我们在移动设备或具有触摸功能的系统上访问的在线 HTML 编辑器上运行触摸事件示例。这样做是为了我们可以执行触摸操作，例如触摸屏幕 2 秒钟。让我们来看一个 touchstart 事件属性的例子：示例 在线演示 HTML DOM touchstart 事件 form { width:70%; margin: 0 ... 阅读更多

当触摸在触摸屏上移动时，会触发 HTML DOM touchmove 事件。注意 - 此事件仅适用于触摸设备。以下是语法：在 HTML 中触发 touchmove 事件 - ontouchmove = "eventFunction()" 在 JavaScript 中触发 touchmove 事件 - eventObject.ontouchmove = eventFunction 注意 - 我们在移动设备或具有触摸功能的系统上访问的在线 HTML 编辑器上运行触摸事件示例。这样做是为了我们可以执行触摸操作，例如触摸屏幕 2 秒钟。让我们来看一个 touchmove 事件属性的例子：示例 在线演示 HTML DOM touchmove 事件 * { padding: 2px; ... 阅读更多

HTML DOM TouchEvent 对象表示使用触摸设备与 HTML 文档元素交互时发生的事件。这里，“TouchEvent” 可以具有以下属性和方法：属性/方法说明altKey返回一个布尔值，对应于在触摸事件触发时 alt 键的状态changedTouches返回一个 TouchList 对象，对应于在触摸事件状态更改时触发的所有接触点列表ctrlKey返回一个布尔值，对应于在触摸事件触发时 ctrl 键的状态metaKey返回一个布尔值，对应于在触摸事件触发时 meta 键的状态shiftKey返回一个布尔值，对应于在触摸事件触发时 shift ... 阅读更多

HTML DOM TouchEvent touches 属性返回一个 TouchList 对象，对应于在触摸表面上触发的所有接触点列表。注意：如果在指定节点或其任何子节点上触发触摸，则即使它们没有在同一节点上触发，以下触摸也将计数。以下是语法：返回 TouchList 对象 event.touches 注意：我们在移动设备或具有触摸功能的系统上访问的在线 HTML 编辑器上运行触摸事件示例。这样做是为了我们可以执行触摸操作，例如触摸屏幕 2 秒钟。让我们来看一个 TouchEvent ... 阅读更多

HTML DOM TouchEvent shiftKey 属性返回一个布尔值，对应于在触摸事件触发时 shift 键的状态。以下是语法：返回布尔值 - true/false touchEvent.shiftKey 这里，“booleanValue” 可以是以下值：booleanValue详情true定义在触摸事件发生时按下了 shift 键false定义在触摸事件发生时没有按下 shift 键 注意：我们在移动设备或具有触摸功能的系统上访问的在线 HTML 编辑器上运行触摸事件示例。这样做是为了我们可以执行触摸操作，例如触摸屏幕 2 秒钟。让我们来看一个 TouchEvent shiftKey 属性的例子：示例 在线 ... 阅读更多

HTML DOM TouchEvent metaKey 属性返回一个布尔值，对应于在触摸事件触发时 meta 键的状态。以下是语法：返回布尔值 - true/false touchEvent.metaKey 这里，“booleanValue” 可以是以下值：booleanValue详情true定义在触摸事件发生时按下了 meta 键false定义在触摸事件发生时没有按下 meta 键 注意：我们在移动设备或具有触摸功能的系统上访问的在线 HTML 编辑器上运行触摸事件示例。这样做是为了我们可以执行触摸操作，例如触摸屏幕 2 秒钟。让我们来看一个 TouchEvent metaKey 属性的例子：示例 ... 阅读更多