1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > devexpress 打印一个form界面_通过回车键提交form表单时 你是否注意过这些问题?...

devexpress 打印一个form界面_通过回车键提交form表单时 你是否注意过这些问题?...

时间:2021-05-05 11:43:23

相关推荐

devexpress 打印一个form界面_通过回车键提交form表单时 你是否注意过这些问题?...

表单登陆

如图,现在很多网站的登陆页面,在输入完账号密码后,都有点击回车键直接登陆的操作,就是这么一个平凡的操作,不知道大家有没有在实际工作中发现一些问题,下面我来跟大家讲讲我发现的问题,首先运行下面的代码:

用户名:取消提交

当你在输入框中点击回车时,你会惊奇的发现控制台竟然打印出了 取消 ,别慌,我们把取消按钮隐藏掉display:none:

取消

再次刷新界面,输入框中回车,你又会发现控制台依然打印出了取消, 是不是觉得很神奇,然后我们把提交按钮取消按钮调换一个位置:

提交取消

这时候控制台打印出了提交,到这里相信大家应该明白了一个事情,如果 在form中点击回车键,表单在执行submit的操作同时,会响应后面第一个button的点击事件 无论这个button是否是隐藏的都会被执行click事件,所以大家在通过回车键处理表单提交的时候,注意其中button的前后顺序。

当然了,有时候我们可能就需要取消按钮在前,提交按钮在后,这又该如何呢,别急,看下面代码:

我们将button换成input然后分别设置不同的type,这时候点击回车,你会发现控制台打印了 提交 ,看到不同了吧,使用input标签来定义按钮的时候,点击回车,会执行type="submit"的按钮,这样就不用去关心按钮的前后位置了。当然了你也可以手动执行formsubmit方法,这个看个人喜欢。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。