Question

如何在同一页面内使用带有jquery的textarea autoexpand。

我正在尝试在同一页面上使用这样的一些textarea：

<form action="#" method="#">
    <textarea name="text" id="textid"></textarea>
</form>

<form action="#" method="#">
    <textarea name="text" id="textid1"></textarea>
</form>

<form action="#" method="#">
    <textarea name="text" id="textid2"></textarea>
</form>

然后我的textarea，我使用jquery在autoexpand中，但autoexpand只能在第一个textarea中工作，不能在它下面的textarea中使用。

这样的Jquery脚本：

$(document).ready(function () {
        var textarea = document.querySelector('textarea');

        textarea.addEventListener('keydown', autosize);

        function autosize(){
            var el = this;
            setTimeout(function(){
                el.style.cssText = 'height:auto; padding:5px 0; margin-bottom: 10px;';
                // for box-sizing other than "content-box" use:
                // el.style.cssText = '-moz-box-sizing:content-box';
                el.style.cssText = 'height:' + el.scrollHeight + 'px';
            },0);
        }
    });

我应该怎么做才能使autoexpand在我的所有文本页面上都有效？

因为我试图找到它，但我没有找到与此相同的问题。

提前致谢。

Answer 1

我将您的答案转换为完全使用jQuery，并修复了您遇到的其他一些问题：

＆＃13;

textarea {
  box-sizing: content-box;
  resize: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="#" method="#">
  <textarea name="text" id="textid"></textarea>
</form>

<form action="#" method="#">
  <textarea name="text" id="textid1"></textarea>
</form>

<form action="#" method="#">
  <textarea name="text" id="textid2"></textarea>
</form>

＆＃13;

import tensorflow as tf

const1 = tf.constant(2)
const2 = tf.constant(3)
add_op = tf.add(const1,const2)
mul_op = tf.mul(add_op,const2)

with tf.Session() as sess:

result,result2 = sess.run([mul_op,add_op])
print(result)
print(result2)

tf.train.SummaryWriter('./',sess.graph)

＆＃13;

如何在一个页面中使用多个textarea autoexpand和jquery

1 个答案: