在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,查看结果。
下一篇:大地u盘装系统增加C盘空间教程