如何使用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

答

如果我理解正确的话，你需要的东西以折叠手机键盘代替元素.blur（），好了，你可以使用

$("document").focus();

JSFiddle

如何使用jQuery隐藏手机键盘

相关推荐