加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

javascript – 如何限制在html表中使用的contenteditable中的字

发布时间:2020-12-14 22:57:11 所属栏目:资源 来源:网络整理
导读:我目前在我的网页中使用html表允许用户输入某些细节.但是,由于字符输入没有限制,当用户输入任意数量的字符时,表格可以大幅拉伸. 我想知道如何限制这种限制,以防止这种情况发生? 下面是我用于表格的代码片段 我在下面发现了这个链接类似的问题,不过是jQuery

我目前在我的网页中使用html表允许用户输入某些细节.但是,由于字符输入没有限制,当用户输入任意数量的字符时,表格可以大幅拉伸.

我想知道如何限制这种限制,以防止这种情况发生?

下面是我用于表格的代码片段

我在下面发现了这个链接类似的问题,不过是jQuery和业余开发人员的新手,我很难理解给出的答案以及如何使用它们.

Limiting Number of Characters in a ContentEditable div

最佳答案
你可以用keypress()事件处理程序做一些棘手的事情.如果内容大于您的限制,则通过返回false来阻止keypress事件

更新:添加侦听器以粘贴事件.然后检查内容长度.还要阻止拖动选项以防止内容拖动到它.

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();
  }
});