Contoh dalam artikel ini menerangkan kaedah menggesa kotak input secara dinamik untuk memasukkan bilangan perkataan dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Terdapat fungsi seperti nota kecil dalam ruang QQ Apabila anda memasukkan banyak perkataan dalam kotak teks, ia akan menggesa anda secara dinamik "berapa banyak perkataan yang telah dimasukkan" dan "berapa banyak lagi perkataan yang boleh dimasukkan". fikir ia agak bagus, jadi saya cuba melakukannya sendiri, haha.
Pada mulanya, saya rasa tanggapan pertama ramai orang ialah melakukannya melalui onkeydown atau onkeyup js Kemudian mereka mendapati bahawa fokus setInterval() blur juga boleh digunakan untuk mencapai kesan yang kami perlukan, jadi saya dengan cepat menggunakan kaedah ini untuk menulisnya secara kasar. oleh diri saya secara tiba-tiba, kesan yang diingini tercapai.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>IT技术网-JavaScript动态提示输入框输入字数</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function sp(){
var tex = $('te').value;
var nun =tex.length;
var spa = $('span');
spa.innerHTML = nun;
}
</script>
</head>
<body>
你已经输入了<span id='span'>0</span>字
<input value="" id="te" type="text" onfocus="ss=setInterval(sp,600)" onblur="clearInterval(ss)"/>
</body>
</html>
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
