// focus用来对应Chrome浏览器往文本框拖入值
// mouseenter mouseleave 用来对应Firefox浏览器往文本框拖入值
$("#input").bind("blur focus keyup mouseenter mouseleave", function(){handleMaxlengthLimit("#input", "#label", 1024);})
function handleMaxlengthLimit(idInput, idLabel, maxLength) {
// Safari浏览器往文本框拖动值时,会自动跟上2个Unicode字符值为0的不可见字符,删除
var trimedValue = $(idInput).val().trim().replace(/\u0000+/g,"");
if (trimedValue.length > maxLength) {
$(idLabel).text(0);
$(idInput).val(trimedValue.substr(0, maxLength))
} else {
$(idLabel).text((maxLength - trimedValue .trim().length));
$(idInput).val(trimedValue)
}
}
// 可以通过如下的javascript代码,得到字符串中每个字符对应的Unicode码的值,在Safari浏览器下,就可以发现往浏览器拖入文本值时,会被自动追加上2个Unicode值为0的不可见字符
for (var s in $.trim($("#input").val())) {
alert($("#input").val()[s]);
alert($("#input").val()[s].charCodeAt(0));
}
$("#foo").bind( "blur keyup click mouseenter", function(event) {
switch(event.type) {
case "blur":
case "keyup": alert('first'); break;
case "click": alert('click' ); break;
case "mouseenter": alert('mouse'); break;
default: break;
}
});
ASCII字符编码表
ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符 ASCII值 控制字符
0 NUT 32 (space) 64 @ 96 、
1 SOH 33 ! 65 A 97 a
2 STX 34 ” 66 B 98 b
3 ETX 35 # 67 C 99 c
4 EOT 36 $ 68 D 100 d
5 ENQ 37 % 69 E 101 e
6 ACK 38 & 70 F 102 f
7 BEL 39 , 71 G 103 g
8 BS 40 ( 72 H 104 h
9 HT 41 ) 73 I 105 i
10 LF 42 * 74 J 106 j
11 VT 43 + 75 K 107 k
12 FF 44 , 76 L 108 l
13 CR 45 - 77 M 109 m
14 SO 46 . 78 N 110 n
15 SI 47 / 79 O 111 o
16 DLE 48 0 80 P 112 p
17 DCI 49 1 81 Q 113 q
18 DC2 50 2 82 R 114 r
19 DC3 51 3 83 X 115 s
20 DC4 52 4 84 T 116 t
21 NAK 53 5 85 U 117 u
22 SYN 54 6 86 V 118 v
23 TB 55 7 87 W 119 w
24 CAN 56 8 88 X 120 x
25 EM 57 9 89 Y 121 y
26 SUB 58 : 90 Z 122 z
27 ESC 59 ; 91 [ 123 {
28 FS 60 < 92 \ 124 |
29 GS 61 = 93 ] 125 }
30 RS 62 > 94 ^ 126 ~
31 US 63 ? 95 — 127 DEL
分享到:
相关推荐
本示例中,我们将探讨如何使用jQuery实现textarea文本框的字数限制功能,并实时提示用户输入的字符数量。 首先,让我们了解jQuery的基本概念。jQuery通过一个"$"符号作为入口,提供了一种简洁的方式来选择DOM元素、...
js代码 [removed] //显示限制输入字符method function textAreaChange(obj){ ... var count_total = $this...jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。
本教程将详细讲解如何利用jQuery实现一个类似新浪发布微博的功能,特别是针对textarea文本框进行文字字数限制。 一、jQuery简介 jQuery是由John Resig在2006年创建的,它的核心理念是"Write Less, Do More",通过...
在Web开发中,限制用户在文本区域(textarea)中输入的字符数量是一种常见的需求,尤其是在需要限制输入长度的场景,如微博、评论等。使用jQuery库可以非常简便地实现这样的功能。下面将详细介绍使用jQuery实现限制...
本文将重点介绍标题为“jQuery 文本框字符限制插件 Textarea”的相关知识点,该插件主要用于限制用户在textarea文本框中输入的字符数。 在网页设计中,有时我们需要对用户的输入进行控制,例如限制评论长度、留言...
在Vue.js框架中,开发网页应用时,我们经常会遇到需要创建一个可以自动调整高度的textarea元素,以适应用户输入的大量文本。这个功能对于避免显示滚动条和保持页面整洁至关重要。下面将详细介绍如何使用Vue自定义...
### Textarea限制输入文本长度的知识点 #### 一、前言 在Web开发过程中,为了提升用户体验并确保数据的有效性和安全性,对用户输入的数据进行适当的限制是非常必要的。特别是在表单填写场景下,如评论框、留言区等...
然而,有时候我们需要对用户输入的字符数进行限制,防止过长的文本影响页面布局或数据库存储。本文将深入探讨如何实现对`textarea`文本长度的控制,并实时显示输入字数的统计。 首先,我们可以使用JavaScript来实现...
总结起来,通过JavaScript我们可以轻松地实现对`<textarea>`的字数限制功能,包括监听输入事件、检查字符数、限制输入以及提供实时反馈。这样的功能对于优化用户界面和提高网站质量具有重要意义。通过结合源码和工具...
html页面实现给textarea等等的文本框内添加可动态输入文字的多行下划线,类似于打印出来的学生考试试卷答题的那种多行横线效果一样,可在页面文本框内横线输入框上随意输入文字,调用浏览器打印文本时也可完整正常的...
《jQuery文本框字符限制插件——优化用户输入体验的实用工具》 在网页设计和开发过程中,有时我们需要对用户在文本框(TextArea)中的输入进行限制,以保证数据的规范性和一致性。例如,在评论区、表单填写等场景,...
在JavaScript中,对`textarea`元素进行输入字符串长度限制是一个常见的需求,特别是在处理用户输入时,需要确保数据格式的正确性。在HTML中,`textarea`控件不像`input[type="text"]`那样可以直接通过`maxlength`...
"jquery-文本框输入即时显示可输入剩余字符数"这个功能是提升用户体验的一种常见方式,它允许用户实时看到他们在一个文本框中还能输入多少字符,避免超过限制。这种功能广泛应用于评论、留言、表单填写等场景,有助...
Layui是一款基于jQuery的前端UI框架,其富文本编辑器是Layui组件中的重要部分,可以方便地实现网页中的文本编辑功能,而textarea是HTML中用于输入文本的表单元素。在实际开发中,经常会遇到需要在富文本编辑器和...
特别是在涉及到数值输入时,开发者常常需要限制文本框仅能接受数字或者带有一定数量小数位的数字输入。本文将详细解析一种使用JavaScript(简称JS)的方法来实现这一需求,特别适用于JavaServer Pages (JSP) 环境中...
在网页开发中,`textarea` 是一种常用的HTML元素,用于创建多行文本输入字段,用户可以在其中输入大量文本。在某些场景下,我们可能需要实现一个功能,即当用户点击某个按钮时,删除`textarea`中当前光标所在行的...