📌  相关文章
📜  HTML DOM 输入时间 select() 方法(1)

📅  最后修改于: 2023-12-03 14:41:46.315000             🧑  作者: Mango

HTML DOM 输入时间 select() 方法

简介

select() 方法是 HTML DOM 中针对输入时间元素（<input type="time">）的一个方法。通过使用 select() 方法，程序员可以通过 JavaScript 选择输入时间元素中的文本内容。

语法
element.select();
参数

该方法不接收任何参数。

返回值

该方法不返回任何值。

示例

下面是一个使用 select() 方法的简单示例：

<!DOCTYPE html>
<html>
<body>

<input type="time" id="myTime" value="12:00:00">

<script>
window.onload = function() {
  var timeInput = document.getElementById("myTime");
  timeInput.select();
}
</script>

</body>
</html>

当页面加载完成后，输入时间元素 myTime 将会被选中，其文本内容将自动被选中，使得用户可以方便地复制或编辑该文本内容。

浏览器支持

该方法在大多数主流浏览器中被支持，包括 Chrome、Firefox 和 Safari 等。

注意事项
  • 当调用 select() 方法时，输入时间元素必须处于可编辑状态。
  • 与其他表单元素的 select() 方法不同，输入时间元素的 select() 方法并没有选中整个内容，而是选中了时间部分。如果要选中整个内容，可以使用 setSelectionRange() 方法。

参考链接：MDN web docs