如何使用jQuery隐藏手机键盘
问题描述:
我有一个函数,它预先输入一个html值。问题是,我想隐藏移动键盘,只要该值已被预置。目前我正在使用blur()来做到这一点,但它隐藏了一切之前有人可以输入一个值,所以我可以把它加上。如何使用jQuery隐藏手机键盘
该函数使用的是在您第一次点击按钮时动态添加的类,因此.on click是为什么在主体上。
有什么建议吗?
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>
对于动态元素我通常使用'$(document).on'不知道这是否会产生差异e使用'body' – Adjit
我实际上尝试过文档,但由于某种原因它不起作用。 – luke
所以当你点击'message-reply'时,你的'.send-message'事件触发,所以你不能输入文本? – Adjit