javascript - How to limit the number of words entered in an input div

Question

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

How to limit the number of characters that can be entered

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

Set innerHTML.length="number of characters"

Answer 3

Restrict through js, refer to: 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>