button submit你以为你阻止了默认事件?
事件 默认 button 阻止 submit 以为
2023-09-14 09:01:09 时间
前言
先解决掉一个误区:
很多人写button的时候,就这样写:
<button><botton>
你认为就是默认的submit的时候,这时候就可能出问题了。
当然之所以你没有遇到这个问题,一般可能性是因为你使用了框架。
在Internet Explorer中默认就是botton,其他的浏览器是submit。
正文
在submit的时候你可能会遇到如检查一些事情,比如说是否一些数值符合你的预期。
我们可能会这样:
<form>
<input type="text" value="">
<button type="submit" onclick="return validate();" >
提交
</button>
</form>
<script>
function validate(e)
{
return false;
}
</script>
这样是可以阻止默认事件的。
但是我们可能忽略了一个问题,那就是万一我们中间出错了怎么办?
<form>
<input type="text" value="">
<button type="submit" onclick="return validate();" >
提交
</button>
</form>
<script>
function validate(e)
{
dasdsad
return false;
}
</script>
这时候已经会提交,所以一般如果这样写的话,会加一个try catch。
相关文章
- 线程同步工具(三)等待多个并发事件完成
- oozie中事件触发input-events和done-flag
- 关于iframe里的子页面如何调取父级页面里的事件(子调父)
- 加载默认图片,如何避免img标签陷入onerror事件死循环
- 第一百七十节,jQuery,事件对象,event 对象,默认行为,冒泡
- ListView嵌套webView 事件冲突解决
- Qt音视频开发5-vlc事件订阅
- vue事件修饰符:通过@click.prevent 阻止事件的默认行为
- js 停止事件冒泡 阻止浏览器的默认行为
- Cocos2D-X2.2.3学习笔记9(处理重力感应事件,移植到Android加入两次返回退出游戏效果)
- python web py入门(44)- jQuery 事件 - 函数表达式
- 黑马-大事件项目(总结+BUG修复)
- Web前端 | JavaScript(事件)