【问题标题】:HTML Button pressed - check status (not trigger when clicked) with Javascript按下 HTML 按钮 - 使用 Javascript 检查状态(单击时不触发)
【发布时间】:2020-06-18 03:34:39
【问题描述】:

我正在寻找一种方法来判断按钮是否作为状态被按下 - 请注意,这不是 onclick 功能在按下按钮时触发动作的东西。这是js代码(https://jsfiddle.net/tearex/812rkLpt/14/)。

代码

    <meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<input  type="button" name="nomen" ID="first" value="1" onclick="one()"> 
<input  type="button" name="omen" ID="second" value="2" onclick="two()"> 

JS

function one(){
if (document.getElementById('first').clicked=="clicked") {alert('clicked')}
one();}

function two(){

document.getElementById('first').click();
if (document.getElementById('first').clicked=="clicked") {alert('clicked')}

}

按下按钮 1 应触发对按下按钮的检查。 按下按钮 2 应该会导致按下按钮 1 并发出确认已发生这种情况的警报。

两者都不起作用。这有什么问题?

谢谢

【问题讨论】:

    标签: javascript html button pressed


    【解决方案1】:

    你有一个函数“one”调用它自己,它会影响一个无限循环。

    类似的东西。希望对您有所帮助。

    function one(){
      if (document.getElementById('first').clicked !== "clicked") {
        document.getElementById('first').clicked = 'clicked'
      }
    }
    
    function two(){
      if (document.getElementById('first').clicked=="clicked") {
       alert('clicked')
      }
    }

    【讨论】:

    • 我运行了该代码,但仍然没有发出警报。
    • 在这里操作。我收到了带有代码的警报,谢谢。不过,我正在寻找的是一种判断按钮是否在事后某个时间被按下的方法。所以这将是对按钮状态的检查。
    【解决方案2】:

    我不确定为什么要写“clicked=="clicked"”。 但是当按下按钮 1 时,下面的代码正在工作

      function one(){
               alert('clicked on number 1')
         }
    

    当按下按钮 2 时,我们可以触发 one()

    函数二(){

    一个(); }

    它正在发出警报。

    【讨论】:

    • 对不起,我说得不够清楚。我正在寻找在按下按钮后的某个时间检查按钮状态。
    猜你喜欢
    • 1970-01-01
    • 2017-12-08
    • 1970-01-01
    • 2022-08-17
    • 1970-01-01
    • 1970-01-01
    • 2012-07-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多