Textarea input character limit (compatible with iOS & Android)-JS Tutorial-php.cn

Recently I am working on a WeChat public account page, which has a limit on the number of input characters for the textarea, and it needs to be compatible with iOS and Android phones. I will paste the code directly below:

DOCTYPE html > html lang ="en" >

head > meta charset ="UTF-8" > title > textarea输入字数限制（兼容ios和安卓） title > head >

body > 最多输入10个字 --> textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > textarea placeholder ="请输入家庭地址（必填）" rows ="2" > textarea > script > var textarea = document.getElementsByTagName( ' textarea ' ); for ( var i = 0 ; i textarea.length; i ++ ) { textarea[i].oninput = function () { // 注意，这里要用oninput,不要用onkeyup,否则iOS系统不支持 this .value = this .value.substring( 0 , 10 ); } } script > body >

html > Pitfalls encountered: I just started using onkeyup and found that the iOS system does not support it. I switched to oninput and tested OK.