demo
demo
Thinker_Ac
2014-12-13
1 回答
舉報(bào)
0/150
提交
取消
2014-12-13
舉報(bào)
2016-03-10
<!DOCTYPE html>
<html>
<head>
? ? <meta charset="UTF-8">
? ? <title></title>
? ? <style type="text/css">
? ? ? ? textarea {
? ? ? ? ? ? width: 200px;
? ? ? ? ? ? height: 20px;
? ? ? ? }
? ? </style>
? ? <script type="text/javascript">
? ? ? ? window.onload = function () { ? ?
? ? ? ? ? ? //獲取元素
? ? ? ? ? ? var txt = document.getElementById('txt');
? ? ? ? ? ? var total = document.getElementById('total');
? ? ? ? ? ? txt.onfocus=function(){
? ? ? ? ? ? ? ? this.style.height="80px";
? ? ? ? ? ? }?
? ? ? ? ? ? txt.onblur=function(){
? ? ? ? ? ? ? ? this.style.height="20px";
? ? ? ? ? ? }
? ? ? ? ? ? txt.onkeyup=function(){
? ? ? ? ? ? ? ? var s=this.value.length;
? ? ? ? ? ? ? ? total.innerText=s;
? ? ? ? ? ? }
? ? ? ? ? ?
? ? ? ? }
? ? </script>
</head>
<body>
<textarea id="txt"></textarea>
<p>你輸入了<span id="total">0</span>個(gè)字</p>
</body>
</html>