javascript案例37——input内容选状态

一、说明

当我双击按钮时，框内文中变成选中状态。

二、演示

三、代码

HTML

<input type="text" id="text-box" size="20" value="Hello world!">
<button onclick="selectText()">Select text</button>

JavaScript

function selectText() {
  const input = document.getElementById('text-box');
  input.focus();
  input.select();
}

四、核心

主要就是select()方法。
学习地址：https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLInputElement/select

这篇好文章是转载于：学新通技术网