Don't hide virtual keyboard with jquery Click

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
});

When I focus on the textarea, a virtual keyboard appears on mobile devices as it should. However, when "clicking" the #message_send button it should stay and not hide. How can I prevent the keyboard from hiding without having to lose the jQuery click event?

Zakaria Acharki · Answer 1 · 2016-12-06T19:26:35.403

1

Try to prevent the default behaviour using e.preventDefault() :

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

Try also touchstart/touchend :

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

Hope this helps.

edited Dec 06 '16 at 19:26

answered Dec 06 '16 at 19:12

Zakaria Acharki

66,747
15
75
101

by the way, shouldn't you add e inside the function() like function(e) ? – Mart Dec 06 '16 at 19:21
But to answer your question, yes it is fired – Mart Dec 06 '16 at 19:22

score 0 · Answer 2 · answered Dec 23 '16 at 13:21

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

I hope help you

<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>

score -1 · Answer 3 · answered Dec 06 '16 at 19:25

-1

Try this

< div id="message_send" class="">

BLABLABAL

< /div>

answered Dec 06 '16 at 19:25

Augusto

89
6

Don't hide virtual keyboard with jquery Click

3 Answers3