js untuk memilih kandungan secara automatik apabila mengklik tetikus pada kotak teks kemahiran javascript-tutorial js-php.cn

js untuk memilih kandungan secara automatik apabila mengklik tetikus pada kotak teks kemahiran javascript

WBOY

Lepaskan： 2016-05-16 15:43:54

asal

1966 orang telah melayarinya

Contoh dalam artikel ini menerangkan cara menggunakan js untuk memilih kandungan secara automatik dengan mengklik tetikus pada kotak teks. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JS digunakan di sini untuk memilih teks dalam kotak teks secara automatik apabila tetikus diklik Saya percaya ramai rakan telah menemui fungsi ini Apabila kita mengklik pada kotak teks, semua teks lalai dalam kotak teks akan dipilih , jadi Anda tidak perlu membuat pilihan semasa menaip, yang menjimatkan beberapa masalah dan meningkatkan kecekapan input Pengguna pasti akan menyukai fungsi ini. Anda akan memahaminya melalui kod ini.

Mari kita lihat tangkapan skrin kesan larian:

Alamat demo dalam talian adalah seperti berikut:

http://demo.jb51.net/js/2015/js-mouse-click-pitch-style-codes/

Kod khusus adalah seperti berikut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本框/编辑框中的文字</title>
<script type="text/javascript">
function Myselect_txt(){
 if (document.form1.title.focus){
 document.form1.title.select();}
}
function Myselect_txtarea(){
 if (document.form1.content.focus){
 document.form1.content.select();}
}
</script>
</head>
<body style="font-size:12px">
<table width="443" height="97" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f9f9f9">
 <form name="form1">
 <tr bgcolor="#214994">
  <td height="25" colspan="2"><div align="center"><font color="#FFFFFF">新闻信息修改</font></div></td>
 </tr>
 <tr>
  <td width="80" height="28"><div align="right"><font color="#214994">新闻标题：</font></div></td>
  <td width="363"><input name="title" type="text" size="50" value="今日新闻头条" onClick="Myselect_txt()"></td>
 </tr>
 <tr>
  <td height="20"><div align="right"><font color="#214994">新闻内容：</font></div></td>
  <td rowspan="2"><textarea name="content" cols="50" rows="6" onClick="Myselect_txtarea()">今日,据相关方面报道,...</textarea></td>
 </tr>
 <tr>
  <td height="10"> </td>
 </tr>
 <tr>
  <td height="32" colspan="2">
  <div align="center">
   <input name="add" type="submit" id="add" value="添加">
 
   <input name="Submit" type="reset" value="重置">
  </div></td>
 </tr>
 </form>
</table>
</body>
</html>

Salin selepas log masuk

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.