对于button按钮引发的bug

article2024/5/21 15:58:00/文章来源:https://blog.csdn.net/m0_74749208/article/details/138291558

主要原因就是今天在给button按钮添加一个点击事件的时候，并没有声明button的type类型，就一直发生点击按钮但事件并不触发的问题。

触发这种问题的原因就是:

按钮默认的 type 类型是 "submit"，而不是 "button"。当你不显式声明 type 属性时，浏览器会默认将按钮类型设为 "submit"，这可能导致在一些情况下产生意外行为，如果不设置按钮的type类型，html页面会默认当成submit类型使用，如果没有指定from表单就默认提交到本页面

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mfbz.cn/a/585129.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

探索潜力：中心化交易所平台币的对比分析

核心观点平台币在过去一年里表现差异显著： 在过去的一年里，只有少数几个平台币如BMX、BGB和MX的涨幅超过了100%。相比之下，由于市值较高，BNB和OKB的涨幅相对较低。回购和销毁机制在平台币价值中起决定性作用： 像M…

OpenHarmony实战开发-基础知识

Svg组件主要作为svg画布的根节点使用，也可以在svg中嵌套使用。说明： svg父组件或者svg组件需要定义宽高值，否则不进行绘制。创建Svg组件在pages/index目录下的hml文件中创建一个Svg组件。  <div class"co…

[华为OD] C卷 5G网络现需要在某城市进行5G网络建设，已经选取N个地点设置5G基站 200

题目现需要在某城市进行5G网络建设，已经选取N个地点设置5G基站，编号固定为1到N,接下来需要各个基站之间使用光纤进行连接以确保基站能互联互通，不同基站之间架设光纤的成本各不相同，且有些节点之间已经存在光纤相连&#…

力扣刷题 63.不同路径 II

题干一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为 “Start” ）。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为 “Finish”）。现在考虑网格中有障碍物。那么从左上角到…

(css)鼠标移出样式不变

(css)鼠标移出样式不变需求：列表鼠标移入切换样式，移出保持不变 <divv-for"(item, index) of newsList":key"index"class"news-list":class"{active : change index}"tabindex"1"mouseenter&quo…

docker各目录含义

目录含义builder构建docker镜像的工具或过程buildkit用于构建和打包容器镜像，官方构建引擎，支持多阶段构建、缓存管理、并行化构建和多平台构建等功能containerd负责容器生命周期管理，能起、停、重启，确保容器运行。负责镜管理&am…

2024最新的，免费的 ChatGPT 网站AI（八个）

ChatGPT是美国人工智能研究实验室OpenAI在2022年11月推出的一款人工智能技术驱动的语言模型应用。它基于GPT-3.5架构（后续还有GPT-4架构的升级版）构建，拥有强大的自然语言处理能力和上下文理解能力，能够参与多轮对话，为…

恩智浦如何使用DITA

▲ 搜索“大龙谈智能内容”关注公众号▲ 作者 | John Walker - NXP销售和市场营销业务分析师 2013年4月18日作为恩智浦半导体公司销售和市场部的业务分析师，我负责恩智浦半导公司产品信息的数据/内容模型、流程和工具。我来自英国，但自2000年以来一…

Python3 循环语句

Python 中的循环语句有 for 和 while。 Python 循环语句的控制结构图如下所示： while 循环 Python 中 while 语句的一般形式： while 判断条件(condition)：执行语句(statements)…… 执行流程图如下： 同样需要注意冒号和缩进。…

go语言实现简单登陆返回token样例

目录 1、代码实现样例： 2、postman调用，获取登陆后的token： 1、代码实现样例： package mainimport ("net/http""time""github.com/dgrijalva/jwt-go""github.com/gin-gonic/gin" )var …

Leetcode—2639. 查询网格图中每一列的宽度【简单】

2024每日刷题（121） Leetcode—2639. 查询网格图中每一列的宽度实现代码 class Solution { public:int func(int num) {if(num 0) {return 1;}int len 0;while(num ! 0) {len;num / 10;}return len;}vector<int> findColumnWidth(vector<ve…

怎么通过isinstance(Obj,Class)验证？【isinstance】

最近有这样一个项目，这个项目可以用一个成熟的项目的构造树，读取树，再检索的过程，现在有新的需求，另一个逻辑构造同样节点结构的树，pickle序列化保存，再使用原来项目的读取、检索函数&#xff0…

Altair® PBS Professional®——行业超前的 HPC 和高吞吐量计算工作负载管理器和作业调度程序

PBS Professional 是一款快速、强大的工作负载管理器，旨在提高生产力、优化利用率和效率，并简化集群、云和超级计算机的管理——从极大的 HPC 工作负载到数百万个小型、高吞吐量作业。PBS Professional 能够自动执行作业调度、管理、监视和报告任务&…

4月25日 C++day3

#include <iostream> using namespace std;class Person {const string name;int age;char sex; public:Person():name("lisi"){cout << "Person无参构造" << endl;}Person(string name,int age,char sex):name(name),age(age),sex(sex)…

WordPress内存不足如何处理

本周有一个客户，购买Hostease的Linux虚拟主机，询问我们的在线客服，站点出现WordPress内存不足如何处理。我们为用户提供教程，用户很快完成了设置。在此，我们分享这个操作教程，希望可以对您有帮助。 WordPre…

Sora新突破！AI生成电影迈向新阶段，配音版Sora登场！将如何改变影视行业？

Sora之后迎来新突破！ 配音版Sora来袭，AI生成电影又更近一步！ 在2024年伊始，人工智能界迎来了一次创新性的突破，由AI语音技术的先锋公司ElevenLabs带头实现。他们最近的成就体现在为OpenAI的Sora视频模型提供了令人动容…

k8s学习(三十七)centos下离线部署kubernetes1.30(高可用)

文章目录准备工作1、升级操作系统内核1.1、查看操作系统和内核版本1.2、下载内核离线升级包1.3、升级内核1.4、确认内核版本 2、修改主机名/hosts文件2.1、修改主机名2.2、修改hosts文件 3、关闭防火墙4、关闭SELINUX配置5、时间同步5.1、下载NTP5.2、卸载5.3、安装5.4、配置5…

Leetcode—1041. 困于环中的机器人【中等】

2024每日刷题（121） Leetcode—1041. 困于环中的机器人实现代码 class Solution { public:bool isRobotBounded(string instructions) {int x 0;int y 0;int d 0;vector<vector<int>> direction{{0, 1}, {1, 0}, {0, -1}, {-1, 0}};for…

[嵌入式系统-54]：RT-Thread：内核基础与核心概念

目录前言： 一、RT-Thread 内核介绍 1.线程调度 2.时钟管理 3.线程间同步与互斥 4.线程间通信 5.内存管理 6.I/O 设备管理二、RT-Thread 启动流程三、RT-Thread 程序内存分布四、RT-Thread 自动初始化机制五、RT-Thread 内核对象模型 1. 静态对象和…

ElasticSearch总结1

目录一、ElasticSearch介绍： 举例一： 举例二： 举例三： 二、ELK技术栈三、Elasticsearch 的基本概念： 四、正向索引和倒排索引： 正向索引： 倒排索引： 五、Mysql和Elastics…

对于button按钮引发的bug

相关文章