Question

我有一个文字区域。每当有人点击文本区域时，高度将会增加，然后再次点击屏幕高度的任何位置都会减少。

<textarea id="revbox" style="height: 50px; width: 260px;"></textarea>

<script>

    $('textarea#revbox').focus(function () {
    $('textarea#revbox').animate({ height: 150 }, 1000); 
});
</script>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

但代码无效。我怎么能这样做？

Answer 1

您的代码适用于focus事件，您只需要为blur事件添加类似的代码。试试这个：

＆＃13;

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<textarea id="revbox" style="height: 50px; width: 260px;"></textarea>

<script>

    $('textarea#revbox').focus(function () {
        $('textarea#revbox').animate({ height: 150 }, 1000); 
    });

    $('textarea#revbox').blur(function () {
        $('textarea#revbox').animate({ height: 50 }, 1000); 
    });
</script>

＆＃13;

请注意，您需要在顶部包含jQuery（最好在<header>中）。

Answer 2

尝试使用public void onClick(View v) { Imageview.setOnClickListener(new View.OnClickListener() { TextView tv = (TextView) findViewById(R.id.textView); tv.setMovementMethod(new ScrollingMovementMethod()); tv.append(value1 + "\n"); } }和mouseenter事件：

mouseleave

在焦点上展开texarea并在非焦点上返回上一个

2 个答案: