文本框事件有很多,其中onChange和onSelect如下:
1、onChange事件,如下例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> <input type="text" name="Test" value="测试" onchange=alert("我被改变了!")> </form> </body> </html>
当文本框内容发生改变时,就会自动弹出一个alert框,显示结果如下:
1)文本框内容改变之前:
2)文本框内容改变之后:
2、onSelect事件:当文本框的内容被选中时发生的事件,如下例子所示;
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> <input type="text" name="Test" value="测试" onselect=alert("我被选中了!")> </form> </body> </html>
当文本框中的内容被选中时,就会弹出对话框,显示的结果如下所示:
1)文本框内容被选中之前:
2)文本框内容被选中之后: