Question

我正在构建html + css（纯粹，没有BS）聊天框窗口。我对输入消息有严重问题。

我正在寻找的是用户可以写信息的输入。这可能是input textarea标记上的textarea。我想要的效果类似于当线路充满另一条线路时FB所做的事情。这会限制我对form的选择。我需要提交按钮，并在输入时提交。所以我在<form> <textarea></textarea> <input type="submit" value="Send message"> </form>标签中使用它。

textarea

我不知道的是我应该如何格式化SELECT loan_collection.coll_date, sum(loan_collection.coloan_amo) AS coloan_amo, sum(loan_collection.sc_coll) AS sc_coll, sum(loan_collection.total_coll) AS total_coll, loan_collection.year, bag_del_rentcoll.rent_bagdel, bag_del_rentcoll.rent_amo, bag_del_rentcoll.booking, bag_del_rentcoll.rent_rece FROM loan_collection AS loan_collection INNER JOIN (SELECT del_date, sum(rent_bagdel) AS rent_bagdel, sum(rent_amo) AS rent_amo, sum(booking) AS booking, sum(rent_rece) AS rent_rece FROM bag_del_rentcoll) AS bag_del_rentcoll GROUP BY loan_collection.coll_date？

如何从一行开始并向上移动到某些最大行值（我只想允许行），如果达到最大行，则开始溢出消息？
如何检测shift + enter以创建新行？

Answer 1

试试此代码

ARGV

Answer 2

这个可能帮助（可能最好使用jQuery，onDomReady并且不引人注意地将keydown事件添加到textarea）：

osacompile -o MyScript.app MyScript.scpt

*编辑 - 解释：如果按下ENTER键，它会捕获按键，如果textarea中的行与textarea的行数相同，则不会添加新行。否则它会增加行数。请根据需要使用它。

Answer 3

<textarea rows="4" onkeydown="limitLines(this, 30)"></textarea>
<script type="text/javascript">
  function limitLines(obj, limit) {
    var values = obj.value.replace(/\r\n/g,"\n").split("\n")
    if (values.length > limit) {
      obj.value = values.slice(0, limit).join("\n")
    }
  }
</script>

您可以将此代码用于文本区域的限制行。

Answer 4

要解决@Rana Ghosh回答的退格问题，我更新了源代码，如下所示。要更改最大行，只需更改textarea的行属性。

html

<textarea name="text" class="form-control" rows="2" onkeydown="return limitLines(this, event)"></textarea>

js

<script type="text/javascript">
    function limitLines(obj, e) {
      let keynum, lines = obj.value.split('\n').length;

      // IE
      if(window.event) {
        keynum = e.keyCode;
      // Netscape/Firefox/Opera
      } else if(e.which) {
        keynum = e.which;
      }

      if(keynum == 13 && lines == obj.rows) {
        return false;
      }
    }
</script>

如何将max-rows设置为textarea输入标签？

4 个答案: