Нажатие кнопки не работает, когда в текстовой области есть содержимое и открыта клавиатура - PullRequest
Новая
       6

Нажатие кнопки не работает, когда в текстовой области есть содержимое и открыта клавиатура

0 голосов
/ 22 мая 2018

Я не знаю, как правильно задать этот вопрос.Я много гуглил, но понятия не имею, что происходит.

У меня есть HTML-форма на адаптивной странице с текстовой областью и кнопкой ввода.Открытие страницы в Chrome Mobile, когда текстовое поле содержит текст и клавиатура открывается, если я нажимаю кнопку, событие нажатия не запускается.Я должен спрятать клавиатуру и нажать кнопку.Этот способ работает хорошо.

Я потерян, так как 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());
});

Ps: Jquery обрабатывает нажатие кнопки.

1 Ответ

0 голосов
/ 22 мая 2018

Попробуйте с этим: 

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