Javascript 尝试限制文本区域中的最大字符数

Javascript 尝试限制文本区域中的最大字符数,javascript,html,textarea,Javascript,Html,Textarea,我正在尝试使用JS限制文本区域中的最大字符数,我在这里留下了我的HTML和JS代码: HTML--> 观察者: JS--> window.onload=function(){ document.getElementById(“observaciones”).addEventListener('keypress',function(){maxlong(document.getElementById(“observaciones”)),150},false); } 函数maxlong(obj

我正在尝试使用JS限制文本区域中的最大字符数,我在这里留下了我的HTML和JS代码:

HTML-->



观察者:

JS-->

window.onload=function(){
document.getElementById(“observaciones”).addEventListener('keypress',function(){maxlong(document.getElementById(“observaciones”)),150},false);
}
函数maxlong(obj,maxlength){

return(obj.value.length您可以通过html执行此操作:

<textarea maxlength="50"> </textarea>

试试这个:

  function limiter() {
    var area = document.getElementById("content_txt");
    var message = document.getElementById("message");
    var maxLength = 160;
    var checkLength = function () {
        if (area.value.length <= maxLength) {
            message.innerHTML = (maxLength - area.value.length) + " characters remainging";
        }
    }
    setInterval(checkLength, 300);
}
功能限制器(){
var area=document.getElementById(“content_txt”);
var message=document.getElementById(“消息”);
var maxLength=160;
var checkLength=函数(){

如果(area.value.length您的事件处理程序实际上没有执行任何操作。您需要防止事件的默认beahviour(使用事件对象上的preventDefault方法)。


函数最大长度(obj){

如果(obj.value.length这是设置maxlength的基础:

<textarea maxlength="50">
Enter text here...
</textarea> 

在此处输入文本。。。
解决了以下问题:

function maxlong(elEvento){
    var evento=elEvento||window.event;
    var obser=document.getElementById("observaciones").value;

    if(obser.length>=15){
        evento.preventDefault();
    }
}

另外,我还有一个额外的“{”使程序无法正常运行…

我现在正在尝试:函数maxlong(elEvento){var evento=elEvento | | | window.event;var obser=document.getElementById(“observaciones”).value;if(obser.length>=5){evento.preventDefault()}和
document.getElementById(“observaciones”).addEventListener('keypress',maxlong,false);
但仍然不起作用:(这对我来说很好。是否有任何javascript错误?请确保addEventListener调用发生在创建textarea的dom之后。
<textarea style="resize:none; margin-bottom: 0px;" id="content_txt" 
                    name="TextArea1" runat="server" 
                    maxlength="160" onkeyup="return limiter();" ></textarea>
<script>
function maxLength(obj){

if(obj.value.length <=150){
return true;
}else{
return false;
}
}
</script>
<textarea onkeypress="return maxLength(this);"></textarea>
<textarea maxlength="50">
Enter text here...
</textarea> 
function maxlong(elEvento){
    var evento=elEvento||window.event;
    var obser=document.getElementById("observaciones").value;

    if(obser.length>=15){
        evento.preventDefault();
    }
}