我先上代码再解释哈！
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input type="text" name="school_title" oninput="school_title()" id="school_title">
<span id="school_title_count">0/80</span>
<script type="text/javascript">
function school_title(){
var count = document.getElementById("school_title").value.length;
document.getElementById("school_title_count").innerHTML=count+"/80";
}
</script>
</body>
</html>
代码解释:
这里我们利用了input的oninput事件，这个事件就是当input中的value值发生变化的时候就会触发oninput事件，然后去执行指定的函数。
在这里我们首先给input指定了一个id用于定位获取value的字符串长度。然后给输出位置也指定一个ID当input的value值发生变化的时候就统计长度并输出到span标签中。
效果如下图:
除特别注明外，本站所有文章均为博文家原创，转载请注明出处来自https://www.32e.top/develop/js/article-66.html
暂无评论