Rumah > Artikel > hujung hadapan web > js untuk memilih kandungan secara automatik apabila mengklik tetikus pada kotak teks kemahiran javascript

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

WBOYasal: 2016-05-16 15:43:541927semak imbas

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>

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jQuery HTML5 melaksanakan kesan pratonton imej sebelum memuat naik_jqueryArtikel seterusnya：jQuery HTML5 melaksanakan kesan pratonton imej sebelum memuat naik_jquery

Artikel berkaitan

Lihat lagi