javascript - 可输入的div怎么限制输入的字数

Question

<p contenteditable="true"></p>

可输入的p怎么限制输入的字个数

Answer 1

<p contenteditable="true">1</p>

$ele.onkeyup = function(){
  var _html = this.innerHTML;
  if(_html.length > 10){
    this.innerHTML = _html.substr(0,10);
    this.blur();
  }
}

Answer 2

设置innerHTML.length=“字符个数”

Answer 3

通过js来限制，参考： http://stackoverflow.com/ques...

Answer 4

  <p id="test" contenteditable="true"></p>
  <script type="text/javascript">
    document.querySelector('#test').addEventListener('keypress',function(e) {
      if(this.innerText.length>=10) {
        e.preventDefault();
      }
    });
  </script>