If the next operation after changing the contents of the text frame is to press the button element, you will have to press it twice.

Asked 1 years ago, Updated 1 years ago, 121 views

I'm a little embarrassed, but please tell me.This may be a common question for beginners.

INPUT TYPE=TEXT ELEMENT:
Regarding "A", the JavaScript (JQuery) to work with the change event is
Coded.
The page also contains BUTTON elements, which have been coded to ensure the operation of this click event is achieved.


Regarding the text frame of "A", it is judged that the content has changed. I recognize that the focus is off = when I touch another element?

「 Change the contents of the text frame of A
②Click the "B" button

If the operation is carried out continuously, I feel that the ignition timing will be 、 when 時 is operated.

The reason why I thought like this is
This is because the web page under development looks like the coding for the "B" click event doesn't work unless you press "B" twice!!

Even if you use the web page in the order shown in ②2,
Is there any other way to respond to the ignition of the change event of "A" other than the operation of "2"?

...how do you deal with this common problem?
You don't say that you have no choice but to increase the number of screen users... (I'm desperate if that happens)

(This is the first development on the web page, and we only know how to detect the events of click, change, and blur until now.)

javascript jquery html5

2022-09-30 21:28

1 Answers

In my case, the change event in the text form does not use focus, but basically uses keyup to detect keystrokes.
The keyup detects input on the keyboard and fires the event.
https://qiita.com/maruyam-a/items/cf0168f91d934b449a07

However, in the case of Japanese input, conversion processing occurs, so
We need to check whether or not Japanese input is based on the data obtained by keyup. It may take a lot of time to implement.
https://garafu.blogspot.jp/2015/09/jquery-complete.html


2022-09-30 21:28

If you have any answers or tips


© 2024 OneMinuteCode. All rights reserved.