The first method can be implemented using onpropertychange. Only Internet Explorer is supported.
<Input type = "text" id = "ob_text_1" size = 20 onpropertychange = "copyob1toob2 ()"> <input type = "text" id = "ob_text_2" size = 20>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
The second type can be bound with the onkeydown event. But one letter is missing.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-CN"> <pead> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "/> <title> </pead> <body> <input id =" s1 "type =" text "value =" "> <input id = "s2" type = "text" value = ""> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
The third method is onkeyup, that is, when the keyboard pops up. Both IE and firefox support
<Input type = "text" id = "ob_text_1" size = 20 onkeyup = "copyob1toob2 ()"> <input type = "text" id = "ob_text_2" size = 20>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
It is the issue of two events, causing the onkeydown to lose a letter. What it does is trigger when the button is pressed. At this time, you just press the button, however, you have not input the data you want to input into <input, and onkeydown is enabled. Onkeyup solves this problem well. It means that when the computer receives the character you entered and raises the keyboard to trigger the event instantly, the letter or symbol will not be missing.