Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在textarea中的字符超过150个字符后,我想更改textbox中字符的背景色_Javascript_Html_Css_Web - Fatal编程技术网

Javascript 在textarea中的字符超过150个字符后,我想更改textbox中字符的背景色

Javascript 在textarea中的字符超过150个字符后,我想更改textbox中字符的背景色,javascript,html,css,web,Javascript,Html,Css,Web,我正在使用event.data获取我正在键入的文本,我想将背景颜色设置为红色,但event.data上的属性样式给我带来了错误。我没有使用jQuery textarea.addEventListener('input',函数(事件){ 如果(长度>最大长度){ console.log(事件数据); } // ... } 我需要 谢谢你的帮助。 let input=document.getElementById('input'); input.addEventListener('keyup',e

我正在使用
event.data
获取我正在键入的文本,我想将背景颜色设置为红色,但
event.data
上的属性样式给我带来了错误。我没有使用jQuery

textarea.addEventListener('input',函数(事件){
如果(长度>最大长度){
console.log(事件数据);
}
// ...
}
我需要

谢谢你的帮助。

let input=document.getElementById('input');
input.addEventListener('keyup',event=>{
如果(event.target.value.length>150)
console.log('文本大于150个字符')
});

我建议您使用属性,这样他们就不能使用超过150个字符

如果出于某种原因,他们确实插入了超过150个字符,那么您可以使用


我有我想要的谢谢你

函数handleRedBackground(){var cointainer= document.getElementById(“红色背景”);var段落= container.children[0];var transparent=String(textarea.value ).slice(0,tweetLength);突出显示的变量=字符串(textarea.value ).切片(长度)

container.height=textarea.offSetHeight;段落.style.top=-1 *parseInt(textarea.scrollTop))+“px”

paragration.innerHTML=“+透明+”“+ 高亮显示+“”;}


如果您输入的内容超过了您希望文本颜色变为红色的程度,请说明这是您想要的吗

function h() {    // this function will be invoced by oninput from the textbox
   if ( length > maxLength ){
      consol.log(event.data);  
      document.getElementById('your textbox id').style.color = "red";
   }

}

你应该分享你的代码,而不是截图!不是解决方案,他在处理文本而不是numbers@Endless你说得对。我对答案做了一点修改,以处理
textarea
:)
function h() {    // this function will be invoced by oninput from the textbox
   if ( length > maxLength ){
      consol.log(event.data);  
      document.getElementById('your textbox id').style.color = "red";
   }

}