Question

在此示例中，我想在光标到达或触摸发送按钮时添加边距，并在触摸时添加边距顶部所需的发送按钮。与当前的Facebook评论字段一样，当光标触摸贴纸或表情符号图标时，图标将移动到字段的底部。

＆＃13;

autosize($('textarea'));

＆＃13;

textarea { width:99%;min-height:15px }
div { position:relative }
button { position:absolute;right:10px;bottom:8px }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>

<div>
<textarea class="textarea"></textarea>
<button>
Send
</button>
</div>

＆＃13;

Answer 1

以下是您要找的内容，请尝试一下：

autosize($('textarea'));

$("#send").on('click', function() {
  console.log("You clicked send!!");
  callSendFunction();
});

$('.textarea').keypress(function(e) {
  if (e.which == 13) {
    console.log("You hit enter!!");
    callSendFunction();
  }
});

function callSendFunction() {
  console.log('Yay, we got it. Do something here..  ');
}

textarea {
  width: 99%;
  min-height: 15px
}

div {
  position: relative
}

button {
  position: absolute;
  right: 10px;
  bottom: 8px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://rawgit.com/jackmoore/autosize/master/dist/autosize.min.js"></script>

<div>
  <textarea class="textarea"></textarea>
  <button id="send">
Send
</button>
</div>

Answer 2

将文字区域硬包装到最大

<textarea NAME="myTextArea"  ROWS="5" WRAP="HARD"></textarea>
<script>
var numCols = document.getElementById('myTextArea').cols;
document.getElementById('myTextArea').cols=numCols-7;
</script>

如何知道textarea光标是否到达最后一个字段？

2 个答案: