文本框事件

     文本框事件有很多,其中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)文本框内容被选中之后:

猜你喜欢

转载自qiannianhua.iteye.com/blog/2268556