บทความนี้อธิบายวิธีการของ JS เพื่อกำหนดจำนวนคำที่สามารถป้อนในกล่องข้อความ แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
วัตถุประสงค์: เพื่อให้ผู้ใช้สะท้อนให้เห็นถึงจำนวนคำที่เขาป้อนเมื่อป้อนข้อความในกล่องข้อความโครงการจำเป็นต้องตัดสินจำนวนคำที่เหลืออยู่ในกล่องข้อความ
วิธีการใช้งาน JS
คัดลอกรหัสดังนี้: <html>
<head runat = "เซิร์ฟเวอร์">
<title> </title>
<script type = "text/javascript">
var maxstrlen = 160;
ฟังก์ชั่น q (s) {return document.getElementById (s); -
ฟังก์ชั่นตรวจสอบคำว่า (c) {
len = maxstrlen;
var str = c.value;
mylen = getStrleng (str);
var wck = q ("wordcheck");
if (mylen> len * 2) {
c.value = str.substring (0, i + 1);
-
อื่น {
wck.innerhtml = math.floor ((len * 2 - mylen) / 2);
-
-
ฟังก์ชั่น getstrleng (str) {
mylen = 0;
i = 0;
สำหรับ (; (i <str.length) && (mylen <= maxstrlen * 2); i ++) {
if (str.charcodeat (i)> 0 && str.charcodeat (i) <128)
Mylen ++;
อื่น
mylen += 2;
-
คืน Mylen;
-
</script>
</head>
<body>
<form id = "form1" runat = "เซิร์ฟเวอร์">
<div style = "ตัวอักษรขนาด: 16px">
ควบคุมอินพุตอักขระอินพุตในกล่องอินพุตคำนวณจำนวนอักขระอินพุตทั้งหมดและแสดงจำนวนคำที่เหลืออยู่ <br>
ตัวละครภาษาอังกฤษหนึ่งตัวนับตัวละครหนึ่งตัวและตัวละครจีนหนึ่งตัวนับตัวละครสองตัวนับ
</div>
<div>
<textarea onkeyup = "javascript: checkword (this);" onMousedOwn = "JavaScript: Checkword (นี่);"
name = "content" style = "overflow-y: scroll"> </textarea>
</div>
<div>
นอกจากนี้คุณยังสามารถป้อน <span style = "Font-Family: Georgia; Font-Size: 26px;" id = "wordcheck"> 160 </span> อักขระ
</div>
</form>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน