欢迎来到HELLO素材网!
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

回车键提交表单功能的实现(Jquery)

发表于2014-04-23 23:14| 次阅读| 来源管理员| 作者管理员

摘要:动态网站中都会存在提交表单,但是在用户的角度上怎样让提交表单这件小的功能更友好呢。就拿搜索这个小的功能来说,我们在搜索框中输入了内容按下回车不能提交搜索功能,用户

动态网站中都会存在提交表单,但是在用户的角度上怎样让提交表单这件小的功能更友好呢。就拿搜索这个小的功能来说,我们在搜索框中输入了内容按下回 车不能提交搜索功能,用户对这个网站的印象就会大打折扣。别看这是一件很小的事情,但是在网页制作中我们一定要从用户的角度出发,哪怕是再小的功能,只要 对用户操作带来简便我们就要想办法实现,我们用jquery来实现这个小的功能---回车键提交表单,下面贴出代码:

<input type="input" />
<script>
$(document).ready(function() {  
     $("input").keyup(function(e){
		    if(e.which=="13"){
			   alert("回车提交!")
		    }
		})
});
</script>