Question

我不知道如何正确地提出这个问题。我用Google搜索了很多，但对发生的事情一无所知。

我在带有textarea和输入按钮的响应式页面中有一个HTML表单。当textarea有文本并且如果单击按钮打开键盘时，在Chrome Mobile中打开页面，则不会触发click事件。我必须隐藏键盘然后单击按钮。这样就行了。

我迷失了，因为HTML / CSS / JavaScript不是我强大的技能......

以下是一些代码：

<footer id="footer">
            <div class="inner">

                <h3>Get in touch</h3>

                <form action="#" method="post">

                    <div class="field half first">
                        <label for="name">Name</label>
                        <input name="name" id="name" type="text" placeholder="Name">
                    </div>
                    <div class="field half">
                        <label for="email">Email</label>
                        <input name="email" id="email" type="email" placeholder="Email">
                    </div>
                    <div class="field">
                        <label for="message">Message</label>
                        <textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
                    </div>
                    <ul class="actions">
                        <li><input id="send" value="Send Message" class="button alt" type="button"></li>
                    </ul>
                </form>                 

            </div>
        </footer>

这是Javascript部分，简单如下：

$("#send").on("click", function (e) {
    console.log(new Date());
});

P.s。：Jquery处理按钮点击。

Answer 1

试试这个：

 $("#send").on("click touchstart", function (e) {
     console.log(new Date());
 });

当文本区域包含内容并打开键盘时，按钮单击不起作用

1 个答案: