`
qiannianhua
  • 浏览: 17898 次
社区版块
存档分类
最新评论

文本框事件

 
阅读更多

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

 

 

 

 

 

 

 

 

 

  • 大小: 12.6 KB
  • 大小: 19.6 KB
  • 大小: 18.6 KB
  • 大小: 12.2 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics