此示例显示如何使用javaScript单击一次选择整个输入。
语法如下:
<
input onClick="this.select();
" >
or
document.getElementById("ID").select();
示例1:使用" this.select()".
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Select all text in HTML
text input when clicked
<
/title>
<
/head>
<
body>
<
br>
Input Text:
<
br>
<
input onClick= "this.select();
"
type= "text"
value= "https://www.lsbin.com/lsbin" >
<
/body>
<
/html>
输出如下:
点击之前:
文章图片
单击后:
文章图片
示例2:使用DOM输入文字select()方法
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Select all text in HTML
text input when clicked
<
/title>
<
/head>
<
body>
Input Text:
<
br>
<
input type= "text"
value= "https://www.lsbin.com/lsbin"
id= "eid" >
<
button type= "button"
onclick= "myFunction()" >
Try it
<
/button>
<
script>
function myFunction() {
document.getElementById(
"eid" ).select();
}
<
/script>
<
/body>
<
/html>
输出如下:
点击之前:
文章图片
【如何使用JavaScript单击时如何选择HTML文本输入中的所有文本()】单击后:
文章图片
推荐阅读
- 8085程序如何将二进制数转换为灰色()
- Android中调用百度地图
- Android.mk解析
- Android studio设置参数提示
- Android sharedPreferences 用法
- Android stdio中遇到的小问题
- Android Studio里面配置Tesseract
- Android实战技巧(Fragment的那些坑(转))
- 华为荣耀 4x 刷机体验 直奔 Android 6.0