button按钮可以为他绑定click事件不能绑定submit事件

已于 2022-02-25 17:36:40 修改
阅读量698 收藏
点赞数
文章标签： 前端
于 2022-02-25 17:34:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuyuan123456/article/details/123137903
版权

这是我今天发现的一个奇怪现象，button按钮身上不能绑定submit事件，否则会请求失败！

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 但是在它身上绑定了click事件就成功了

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 submit这个事件，我们只能绑在form表单身上！

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

 

JSONP＄
关注
button没有指定type为submit点击按钮跳转不到指定url
12-13
3. `button`：这种情况下，按钮不会自动触发任何操作，通常用于通过JavaScript绑定自定义事件。 在题目提供的HTML代码片段中： ```html <button class="btn-act">马上测</button> ``` 没有明确指定`type`属性，因此...
JQuery中绑定事件（bind()）和移除事件（unbind()）
10-24
在这个示例中，通过指定handler参数为myFun2，只有绑定了myFun2的事件处理器会被移除，其他的click事件处理器则不受影响。 文章最后介绍了jQuery中与bind()方法类似的one()方法。这个方法与bind()类似，但它绑定的...
html点击按钮后页面刷新的问题，form表单中button按钮触发submit点击事件
MaYuKang的博客
10-09 7045
html点击按钮 有如下form表单，包含了一个button按钮： 情况1： <form action=""> <button onclick="">我是按钮</button> </from> 尽管button按钮没有执行任函数，但是点击按钮后，页面刷新。 情况2： <form action="http://www.baidu.com"> <button onclick="">我是按钮</button> </fr
button标签，慎用submit类型
prigilm的博客
08-24 364
在开发过程中 html 标签，谨慎使用submit标签，如果button按钮对应的有ajax方法实现与后端进行数据交互，则使用submit类型会重复提交两次数据到beego端，会产生意想不到的bug。 建议： 1、button按钮未设置ajax方法与后端进行数据交互时，使用submmit类型； <input type="submit"> 2、若该button按钮需通过ajax方法实现与后端进行数据交互时，使用button类型； <input type="button" class="bt
JS调用form的方法submit直接提交form的时候，submit事件不响应解决办法
热门推荐
米刀文
07-19 8万+
当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？ 如   第一种情况： 一个input onClick="myform.submit();"> 提交表单：onSubmit="return check();"action="/NetInvoice/bill/fpkj.do"/> JS校验: function c
关于Vant表单点击提交无反应的问题
qq_29496169的博客
12-21 2837
关于Vant表单点击提交无反应的问题
按钮绑定点击事件-onClick事件
二赛君
02-26 5358
按钮绑定点击事件-onClick事件。
解决layui中的form表单与button的点击事件冲突问题
12-01
你可以通过 CSS 样式来修改 form 的宽度、margin 或 padding，让 button 能够完全暴露出来，这样 click 事件就能正确触发了。例如： ```css .form-class { width: calc(100% - 50px); /* 假设按钮的宽度是50px */ ...
vue 实现特定条件下绑定事件
10-16
在Vue.js框架中，有时我们需要根据特定条件来决定是否绑定事件监听器，以实现更灵活的交互逻辑。在给定的例子中，我们将探讨如何在Vue组件中实现这一功能，主要涉及`v-bind`指令、条件渲染以及自定义方法的调用。 ...
如何阻止form表单中的button按钮提交
amberom的专栏
12-31 7091
1、 return false <button type="submit" class="submit_button" onClick=“submitAction();return false;”>登录</button> 2、button有个type属性，属性值可为button、submit、reset button=普通按钮，直接点击不会提交表单 submit=提交按钮，点击后会提交表单 reset=表单复位 当button的type属性值为button时，仅做为一个..
form 常规用法，及js控制坑 表单无action属性 submit 事件的用法
ASIA_技术
01-13 2625
1.没有绑定submit事件，数据自动加载到整个页面请求上 &lt;form method="post"&gt; &lt;input type="text" name="username"&gt; &lt;input type="password" name="pwd"&gt; &lt;input type = "submit&
给submit提交按钮添加点击事件（JavaScript）
WDS的博客
03-17 3万+
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head> <body> <label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label> <button id="button
js按钮的click事件，给Input（submit）按钮添加事件监听addEventListener存在问题
weixin_45881103的博客
06-26 3551
一、提交按钮的点击事件 目的：html中表单按钮，想给提交按钮添加一个点击事件，当点击时实现相应函数功能。 存在问题：点击页面函数执行很快，结果不正确。如图： （1）、HTML部分代码 <form> <input type="submit" class="logbtn" value="Login" id="test"> </form> （2）、JavaScript部分代码 let test=document.getElementById('te
js(jquery)绑定点击事件
美丽的泡沫
07-22 2万+
test 第一种 $("#test").click(function(event) { /* Act on the event */}); 第二种 document.getElementById('#foo').addEventListener('click', function() { /* Act on the event */}, false); 第三种 html
Android Button绑定点击事件的三种方式
qq_37899622的博客
01-29 3824
1.给控件绑定onClick属性 注意：方法的修饰符是 public；返回值是 void 类型；有且只有一个参数View，这个View就是被点击的这个控件。 2.通过按钮的id绑定点击事件 3.通过按钮的id写方法实现接口 注意：Button设置点击事件之后(即setOnClickListener)，默认设置了android:clickable=“true”，所以在xml文件中设置android:clickable="false"不生效。 ...
提交按钮（type="submit"）中使用onclick事件
建设美丽祖国
09-18 2万+
转自：https://blog.csdn.net/opossum/article/details/1261282 提交按钮（） ，对应事件为FORM的提交事件，有时FORM需要一些验证，比如验证时间（ONSUBMIT=“RETURN CHECKTIME();”） ，而且时间脚本为共有的，不能轻易修改，现在又想验证某一输入框的值不能为空（只是举例，此问题可以在设计时避免），也就是有两个（多个的话，你...
提交按钮submit
whpu1234的博客
08-03 6274
1.提交按钮 submit  语法：&lt;input   type="submit"   value="提交"&gt;    1）type：这里选submit    2）value：按钮上现实的字 demo： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset=&q
按钮button，submit添加鼠标点击事件
m0_66757371的博客
04-20 6771
不能直接放JS语句，click()动作要调用一个方法，即使是一个匿名方法。否则click()里的内容会在加载页面的时候直接生效，这也就失去了点击的意义。
vue 给按钮绑定回车事件
最新发布
09-13
在Vue中，你可以使用`v-on`指令或简写为`@`来为按钮绑定事件。如果你想绑定回车事件，通常是在一个输入框中监听`keydown`事件，并检查事件对象的`keyCode`是否为回车键（通常是13）或者检查`event.key`是否等于'...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值