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

对于动态元素我通常使用'$(document).on'不知道这是否会产生差异e使用'body' – Adjit

+0

我实际上尝试过文档,但由于某种原因它不起作用。 – luke

+0

所以当你点击'message-reply'时,你的'.send-message'事件触发,所以你不能输入文本? – Adjit

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

$("document").focus(); 

JSFiddle