Fatal编程技术网
  • javascript/
  • Javascript 更改按钮的事件侦听器

Javascript 更改按钮的事件侦听器

javascript html

Javascript 更改按钮的事件侦听器,javascript,html,Javascript,Html,我有一个带有提交按钮的表单，希望在单击时更改按钮的颜色 我已经在HTML中尝试过： const myButton=document.getElementById（“submitButton”）； myButton.addEventListener（“提交”，函数（）{ myButton.style=“背景：蓝色” }) 更改提交至单击或将eventListener添加到表单中。下面是表单上的eventListener： const myButton=document.getElementBy

我有一个带有提交按钮的表单，希望在单击时更改按钮的颜色

我已经在HTML中尝试过：

const myButton=document.getElementById（“submitButton”）；
myButton.addEventListener（“提交”，函数（）{
myButton.style=“背景：蓝色”
})
更改
提交
至
单击
或将eventListener添加到表单中。下面是表单上的eventListener：



const myButton=document.getElementById（'submitButton'）；
const myForm=document.getElementById（'connexion'）；
myForm.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
myButton.style='背景：蓝色'；
})



去

根据ZZBOV的评论：按钮没有
submit
事件

使用
event.preventDefault（）提交表单时，需要防止默认表单操作。并使用按钮id设置样式
背景色
：


document.getElementById("submitButton").style = "background: blue;";


您可以使用表单id执行
submit
事件

大概是这样的：


const connexion=document.getElementById（“connexion”）；
addEventListener（“提交”，函数（e）{
e、 预防默认值（）；
document.getElementById（“submitButton”）.style=“background:blue；”；
});


去

按钮没有提交事件，请改为使用
单击
：


<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Test</title>
</head>
<body>
<div>
    <form id="connexion"  >
            <input type="text" placeholder="Pseudo"  />
            <input id="submitButton" type="button" value="Go" style="background:yellow"></button>
    </form>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>



按钮没有
submit
事件，表单有。

$(document).ready({
 $("#submitButton").click(function(){
      $(this).css({
          "background-color":"blue"
      });
 });
 });