當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
html禁止输入字符,javascript – 如何限制在html表中使用的contenteditable中的字符输入...
生活随笔
收集整理的這篇文章主要介紹了
html禁止输入字符,javascript – 如何限制在html表中使用的contenteditable中的字符输入...
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
你可以用
keypress()事件處理程序做一些棘手的事情.如果內(nèi)容大于您的限制,則通過返回false來阻止keypress事件
更新:添加偵聽器以粘貼事件.然后檢查內(nèi)容長度.還要阻止拖動選項以防止內(nèi)容拖動到它.
var limit = 10;
$('div[contenteditable]').keypress(function() {
return this.innerHTML.length < limit;
}).on({
'paste': function(e) {
var len = this.innerHTML.length,
cp = e.originalEvent.clipboardData.getData('text');
if (len < limit)
this.innerHTML += cp.substring(0, limit - len);
return false;
},
'drop': function(e) {
e.preventDefault();
e.stopPropagation();
}
});
One Off Capital總結(jié)
以上是生活随笔為你收集整理的html禁止输入字符,javascript – 如何限制在html表中使用的contenteditable中的字符输入...的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 单击CheckBox,全选GridVie
- 下一篇: 电信系统方案 电信综合营帐系统