masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
Lepaskan： 2016-05-16 16:34:01
asal
990 orang telah melayarinya

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)">
Salin selepas log masuk
Label berkaitan：
kotak teks
sumber：php.cn
Artikel sebelumnya：JavaScript melaksanakan kemahiran fungsi_javascript tangkapan skrin halaman web Artikel seterusnya：Ringkasan kemahiran JavaScript kaedah merentas domain_javascript
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...
daripada 2024-04-06 20:41:51
0
1
518
MySQL: "Pilih teks daripada... sebagai <variable here or subquery>" Saya mempunyai jadual berikut dengan data berikut: id text language 1 german text german 2...
daripada 2024-04-06 19:25:54
0
2
529
Apakah amalan terbaik untuk memaparkan maklumat versi dalam aplikasi web? Saya sedang membangunkan aplikasi web. Apakah amalan terbaik untuk memaparkan maklumat ver...
daripada 2024-04-06 19:13:16
0
2
476
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan