【问题标题】:How to check if button was Pressed javaScript如何检查按钮是否被按下javascript
【发布时间】:2021-02-17 07:02:14
【问题描述】:

我在 HTML 中有这个按钮,我需要检查该按钮是否已被按下以激活另一个功能。

<button id="generator" class="button ripple" onclick="myFunction()">Berechnen</button>

    function printDiv(print) {
        if(document.getElementById('generator').clicked == true){
            var printContents = document.getElementById(print).innerHTML;
            var originalContents = document.body.innerHTML;
       
            document.body.innerHTML = printContents;   
            window.print();
            document.body.innerHTML = originalContents;
            
        }
        else{
            alert("pls select")
        }
       
   }

【问题讨论】:

  • 您可以简单地使用一个标志变量并将其设置在click事件处理程序中
  • 这能回答你的问题吗? Check if a button is being clicked in Javascript
  • @s.kuznetsov 不,我已经尝试过了
  • @obind,然后显示您尝试过的代码。
  • @s.kuznetsov 好的

标签: javascript html


【解决方案1】:

您应该直接在按钮点击时使用此功能:

    <div id="printDiv1">Printable Content</div>
<button id="generator" class="button ripple" onclick="printDiv('printDiv1')">Berechnen</button>
<script>
function printDiv(print) {
        //if(document.getElementById('generator').clicked == true){
            var printContents = document.getElementById(print).innerHTML;
            var originalContents = document.body.innerHTML;
       
            document.body.innerHTML = printContents;   
            window.print();
            document.body.innerHTML = originalContents;
            
        //}
       // else{
       //     alert("pls select")
        //}
       
   }
</script>

这里printDiv(print)方法中传入的变量可以提前定义,也可以是要打印的div的id。

【讨论】:

  • 我有 2 个按钮,一个用于生成,另一个用于打印。但是您只能在使用一次生成按钮后才能打印我该怎么做这个
  • 问题是关于检查一个按钮点击,所以我回答了直接使用onclick。方法打印。
  • 如果有 2 个按钮,一个用于生成,1 个用于打印,您可以使用 2 个发送相同参数(div ID)的函数,但 1 个按钮将使用生成函数,第二个按钮将使用打印函数 onclick .
【解决方案2】:

document.getElementById('button').onclick = function() {

   alert("button was Clicked");

};
<h3>Click on button below </h3>
<button id="button"> Click Me! </button>

【讨论】:

    猜你喜欢
    • 2020-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-11
    • 2020-06-28
    • 1970-01-01
    • 1970-01-01
    • 2021-11-18
    相关资源
    最近更新 更多