Heim > Artikel > Web-Frontend > js-Methode zur automatischen Auswahl von Inhalten, wenn Sie mit der Maus auf ein Textfeld klicken_Javascript-Kenntnisse

js-Methode zur automatischen Auswahl von Inhalten, wenn Sie mit der Maus auf ein Textfeld klicken_Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:43:541926Durchsuche

Das Beispiel in diesem Artikel beschreibt, wie Sie mit js Inhalte automatisch auswählen, indem Sie mit der Maus auf ein Textfeld klicken. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

JS wird hier verwendet, um den Text im Textfeld automatisch auszuwählen, wenn mit der Maus geklickt wird. Ich glaube, viele Freunde sind auf diese Funktion gestoßen. Wenn wir auf das Textfeld klicken, wird der gesamte Standardtext im Textfeld ausgewählt , sodass Sie beim Tippen keine Auswahl treffen müssen, was Ihnen Ärger erspart und die Eingabeeffizienz verbessert. Benutzern wird diese Funktion auf jeden Fall gefallen. Sie werden es anhand dieses Codes verstehen.

Schauen wir uns die Screenshots des Laufeffekts an:

Die Online-Demo-Adresse lautet wie folgt:

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

Der spezifische Code lautet wie folgt:

<!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>

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：jQuery HTML5 implementiert den Bildvorschaueffekt vor dem Upload_jqueryNächster Artikel：jQuery HTML5 implementiert den Bildvorschaueffekt vor dem Upload_jquery

In Verbindung stehende Artikel

Mehr sehen