多语言展示
当前在线:662今日阅读:97今日分享:45

jquery如何根据输入的内容输出提示

在jquery中,可以使用keydown事件获得当前输入的内容,再使用switch语句判断输出提示。下面小编举例讲解jquery如何根据输入的内容输出提示。
工具/原料
1

html+jquery

2

代码编辑器:zend studio 10.0

方法/步骤
1

新建一个html文件,命名为test.html,用于讲解jquery如何根据输入的内容输出提示。

2

在test.html文件内,使用input标签创建一个输入框,并设置其id属性为mytest。

3

在js标签内,使用ready方法在页面加载完成时执行function方法。

4

在function方法内,通过id获得input对象,并给它绑定keydown事件,当按下按键时,执行function方法。

5

在function方法内,使用val()方法获得当前输入框输入的内容,再通过switch判断输入的内容,使用alert输出提示。

6

在浏览器打开test.html文件,在输入框输入aaa,查看结果。

总结:

1、使用input标签创建一个输入框,并设置其id属性为mytest。 2、在js标签内,使用ready方法在页面加载完成时执行function方法。 3、在function方法内,通过id获得input对象,并给它绑定keydown事件,当按下按键时,执行function方法。 4、在function方法内,使用val()方法获得当前输入框输入的内容,再通过switch判断输入的内容,使用alert输出提示。 5、在浏览器打开test.html文件,在输入框输入aaa,查看结果。

推荐信息