2017-02-02 6 views
0

Я сделал простой калькулятор.кнопка onclick не срабатывает после ввода текста во входном поле

Пользователь может ввести значение в поле ввода, а затем нажать кнопку «+». Фокус остается на поле ввода, поэтому пользователь может сразу ввести новое значение после нажатия на кнопку +. Положение мыши остается на кнопке «+», поэтому он может снова щелкнуть после ввода нового значения. Однако, щелкнув это время, никаких событий вообще не будет. После ок. 1 секунда можно снова, щелчок будет запущен. Пожалуйста, объясни.

N.b. Я испытываю такое же поведение с онлайн-калькуляторами, например. http://web2.0calc.com/

HTML-код:

<input type='text' id=calc size=14 style='text-align:right' ></input> 
<button type='button' onclick= 'Plus()'>+</button> 

и сценарий:

// init: 
    document.getElementById('calc').value = '' 
    document.getElementById('calc').focus() 
    // 
    function Plus(){ 
    // check input, add to total 
    document.getElementById('calc').value = '' // clears input after add 
    document.getElementById('calc').focus() // keeps focus on input 
    } 
+0

Пробовал ли вы другой браузер, другой компьютер, может быть, с помощью мобильного устройства и т. Д., Чтобы убедиться, что он находится в коде а не побочный эффект плагина или что-то в этом роде? – jkalden

+0

Я использую Firefox, но тестировал его и в IE, и в Edge. У меня нет других проблем. Я не использую плагины. –

ответ

2

Пример ссылку вы дали отлично работает в моей машине. Задержка 1s, о которой вы упоминаете, может быть проблемой производительности из-за старого браузера, медленной машины и т. Д.

+0

Это правда, проверьте [this] (https://jsfiddle.net/cmog5asd/3/). Кроме того, вам не нужен тег закрытия ввода, поскольку он является элементом void –

+0

Я использую последнюю версию Firefox, и у меня нет других проблем с производительностью. –

 Смежные вопросы

  • Нет связанных вопросов^_^