18910140161

JavaScript-为什么我的事件监听器没有工作,尽管没有明显的错误?-堆栈溢出

顺晟科技

2022-10-19 14:36:35

29

我已经设置了一个事件侦听器,它使得只有在按下submit按钮时才存储值。但出于某种原因,它不起作用。我将其设置为在另一个页面上检索,但即使我只是将自己超链接到该页面,而不提交此表单,该值也会显示在另一个页面上。为什么偶数监听器不能工作?

edit:我在检索我设置的值的HTML代码中进行了编辑。问题是,即使我没有在其他HTML页面上提交表单,它也会检索并显示它。

注意:之所以有“job1”、“job2”和“job3”,是因为我只发送了第一个代码的一小部分。它的意思是只显示1,这取决于您在上一页提交的表单。


顺晟科技:

您需要定义一个名为。该函数是事件处理程序,并将在事件发生时作出反应

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>SwinTech</title>
</head>

<body>
    <form action="apply.html" method="post">
        <div class="consultantinformation">
            <h2> Job reference number: </h2>
            <br>
            <h4 id="jobreference2"> 6LZ9W </h4>
        </div>
        <button id="submitbutton">Submit</button>
    </form>
    <script type="text/javascript">
      document.getElementById("submit3").addEventListener("click", myfunction);
      function myFunction(){
      localStorage.setItem("jobreference3", "KJ3N7");
    }

    </script>
</body>

</html>
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航