Question

我有一个函数，它正在添加一个输入的html值。问题是我希望一旦该值被预先隐藏了移动键盘。目前我使用blur（）来做这件事，但它隐藏了所有内容，然后有人可以输入一个值，所以我可以预先添加它。

该函数正在使用第一次点击按钮时动态添加的类，因此.on点击的原因是为什么。

有什么建议吗？

function addClassForReply() {
    $(".reply-btn").click(function(e) {
        $(".reply-btn").addClass('send-message');
    });
  }
addClassForReply();

function replyMessage() {
    $("body").on('click', '.send-message', function(e){
        var replyMessage = $(".message-reply textarea").val();
        $(".message-reply").prepend(replyMessage);
        $(".message-reply textarea").fadeOut().blur();
    });
  }
replyMessage();

HTML

<div class="message-reply">
  <textarea placeholder="Reply to Linnie"></textarea>
</div>

<div class="message-mobile-footer">
  <div class="nm-body">
    <div class="row">
      <!-- THIS IS WHERE THE CLASS GETS ADDED -->
      <a class="btn default reply-btn">Reply</a>
    </div>
  </div>
</div>

Answer 1

如果我理解正确，你需要一些东西来折叠移动键盘而不是元素上的.blur（），你可以使用

$("document").focus();

JSFiddle

如何使用jQuery隐藏移动键盘

1 个答案: