Question

<div id="message" class="">
        <textarea id="message_input" name="message" class="inactive" data-value="Bericht..."></textarea>
        <span class="settings"></span>
        <div id="message_send"><i class="fa fa-paper-plane-o"></i></div>
    </div>

$("#message_send").click(function(){
    //not doing anything yet
});

当我专注于textarea时，移动设备上会出现虚拟键盘。但是，当“点击”#message_send按钮时，它应该保留而不是隐藏。如何在不丢失jQuery click事件的情况下阻止键盘隐藏？

Answer 1

尝试使用e.preventDefault()阻止默认行为：

$("#message_send").click(function(e){
    e.preventDefault();
});

另请尝试touchstart/touchend：

$("#message_send").on('touchstart touchend', function(e){
    e.preventDefault();
});

希望这有帮助。

Answer 2

I find this solution http://jsfiddle.net/YQxXN/1/

我希望能帮到你

<textarea id="txt"></textarea>
<input type="button" id="btnClick" value="Submit" />
<script>
$(document).ready(function () {
    var field = $("#txt");
    var btn = $("#btnClick");
    field.on("focusin", f1);
    field.on("focusout", f2);
    btn.on("mousedown", f3);

    function f1() {
        field.removeClass("c1").addClass("c2");
    }

    function f2() {
        field.removeClass("c2").addClass("c1");
    }

    function f3() {
        alert('hi');`enter code here`
    }

});
</script>

Answer 3

试试这个

＆LT; div id =＆＃34; message_send＆＃34;类=＆＃34;＆＃34;＆GT;

BLABLABAL

＆LT; / DIV＆GT;

不要使用jquery Click隐藏虚拟键盘

3 个答案: