scrollheight, clientheight 的值为何会自动增加

每按一次键,textarea 高度会自动增加,但文字内容并未增加,为何高度会变?
代码于下连结 jsbin
jsbin 于此展现

html

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>JS Bin</title>

</head>

<body>

<textarea onclick='go(this)' onkeyup='go(this)'>d545451511515151515

  5151kfjjfkdkdksk</textarea>

</body>

</html>

css


textarea {

    //border: 2px solid #ccc;

    padding: 5px;

    vertical-align: top;

//    width: 95%;

    height: 40px;

    background-color: #FFFFCC;

    width: 110px;  

    border: 12px solid #EBEBEB;

   OVERFLOW: hidden;

}

javascript


function go(xx){

xx.style.height=xx.scrollHeight+ 'px'

//xx.style.height=xx.clientHeight+ 'px';

//alert (xx.style.height);

}


MYYA
浏览 527回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript