Rumah > Artikel > hujung hadapan web > Bagaimana untuk menggesa bilangan perkataan dalam kotak input secara dinamik dengan kemahiran JavaScript_javascript

Bagaimana untuk menggesa bilangan perkataan dalam kotak input secara dinamik dengan kemahiran JavaScript_javascript

WBOYasal: 2016-05-16 15:48:501353semak imbas

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.

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：Kaedah JavaScript untuk memanggil kemahiran program_javascript Java klienArtikel seterusnya：Kaedah JavaScript untuk memanggil kemahiran program_javascript Java klien

Artikel berkaitan

Lihat lagi