![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
js我这个检测剩余输入字数的代码哪里不对?
检测不出来啊<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/x...
检测不出来啊
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script>
window.onload=function(){
var oCheck=document.getElementById("check")
var oLeft=document.getElementById("left")
oCheck.oninput=function(){
oCheck.value=oCheck.value.substring(0,30)
}
oLeft.innerHTML=30-oCheck.value
}
</script>
<body>
<textarea id="check" rows="10" cols="30" id="main">
</textarea>
<span id="left"></span>
</body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script>
window.onload=function(){
var oCheck=document.getElementById("check")
var oLeft=document.getElementById("left")
oCheck.oninput=function(){
oCheck.value=oCheck.value.substring(0,30)
}
oLeft.innerHTML=30-oCheck.value
}
</script>
<body>
<textarea id="check" rows="10" cols="30" id="main">
</textarea>
<span id="left"></span>
</body>
</html> 展开
展开全部
oninput改为onkeyup
oninput事件不是所有浏览器都支持(主要是IE大部分版本不支持,IE9才开始支持)
onkeyup这个兼容性好点
oLeft.innerHTML=30-oCheck.value,这个放在keyup里面
oninput事件不是所有浏览器都支持(主要是IE大部分版本不支持,IE9才开始支持)
onkeyup这个兼容性好点
oLeft.innerHTML=30-oCheck.value,这个放在keyup里面
更多追问追答
追问
不对 不显示字数而是提示NaN
追答
oCheck.onkeyup=function(){
oCheck.value=oCheck.value.substring(0,30);
oLeft.innerHTML=30-oCheck.value.length;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询