點選文字框實現文字框內容選中效果

antzone發表於2017-03-24

在某些情況下可能需要有這樣的功能，那就是文字框獲取焦點就可以選中文字框中的內容。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  var otxt=document.getElementById("txt");
  otxt.onfocus=function(){
    this.select();
  }
}
</script>
</head>
<body>
<input id="txt" type="text" value="螞蟻部落">
</body>
</html>

以上程式碼實現了我們的要求，點選文字框可以選中文字框中的內容。

相關文章