cari

Rumah >hujung hadapan web >tutorial js >JavaScript merekodkan bilangan aksara dalam kotak teks dan mengesan perubahan dalam bilangan kemahiran aksara_javascript

JavaScript merekodkan bilangan aksara dalam kotak teks dan mengesan perubahan dalam bilangan kemahiran aksara_javascript

WBOY
WBOYasal
2016-05-16 16:34:01993semak imbas

Baru-baru ini saya menghadapi masalah sebegitu semasa menjalankan projek. Ia perlu mengira teks yang dimasukkan oleh pengguna dalam kotak teks dan memaparkannya di bawah Kerana apa yang kami lakukan adalah platform penghantaran SMS, dan kini milik negara kita Perkhidmatan SMS, Jika mesej anda melebihi 70 aksara, dua mesej teks akan dihantar kepada anda. Jadi kami dikehendaki menunjukkan kepada pengguna berapa banyak perkataan yang telah dimasukkannya. Adalah mudah untuk pengguna mengetahui bahawa maklumat saya akan dibahagikan kepada beberapa bahagian.

Saya memuat turun kod dan memuat naiknya Apabila saya mula menggunakannya, ia adalah ok dan tidak teruk, tetapi selepas menggunakannya untuk seketika, saya mendapati masalah. Ini bermakna selepas anda memadamkan teks, terdapat masalah dengan perubahan dalam jumlah perkataan Kemudian, saya membuat kajian dan menemui masalah itu. onKeyDown="showLen(this)" onKeyUp="showLen(this). Dahulu, hanya satu daripada kaedah yang digunakan setiap kali, dan tiada siapa yang menggunakannya. Kedua-dua kaedah ini dikira apabila anda menekan papan kekunci dan melepaskan papan kekunci. Okay, saya akan memuat naik program 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<mce:script language="javascript"><!-- 
function showLen(obj) 
{ 
document.getElementById("contentLen").value=obj.value.length; 
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1; 
} 
// --></mce:script> 
</HEAD> 
<BODY> 

<textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">
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：JavaScript melaksanakan kemahiran fungsi_javascript tangkapan skrin halaman webArtikel seterusnya：JavaScript melaksanakan kemahiran fungsi_javascript tangkapan skrin halaman web

Artikel berkaitan

Lihat lagi