Javascript 如何在js按钮上单击一次_Javascript_Html

Javascript 如何在js按钮上单击一次

javascript html

Javascript 如何在js按钮上单击一次,javascript,html,Javascript,Html,我有一些js从Geeksforgeks创建的按钮，但我不知道如何点击按钮。我可以使用我在网上找到的代码创建一个按钮，但是没有解释如何使该按钮具有点击功能，它很简单，如下所示： <button id="submit" value="Submit" onclick="getData();">Submit</button> function getData(){ // your logic } 提交函数getData（）{ //你的逻辑 } 如下所示： <bu

我有一些js从Geeksforgeks创建的按钮，但我不知道如何点击按钮。我可以使用我在网上找到的代码创建一个按钮，但是没有解释如何使该按钮具有点击功能，它很简单，如下所示：

<button id="submit" value="Submit" onclick="getData();">Submit</button>

function getData(){
// your logic  

}

提交
函数getData（）{
//你的逻辑
}

如下所示：

<button id="submit" value="Submit" onclick="getData();">Submit</button>

function getData(){
// your logic  

}

提交
函数getData（）{
//你的逻辑
}

您可以同时使用JS和jQuery，检查两种解决方案

对于JS use

onlick

on按钮，使用jQuery use

。单击

函数

函数runMe（）{
警报（“我是用纯JS执行的”）；
}
$（'document'）.ready（函数（）{
$（'#jqueryubmit'）。单击（函数（）{
警报（“我使用jQuery执行”）；
});
});

提交
使用jQuery提交
您可以同时使用JS和jQuery进行提交，检查两种解决方案
对于JS useonlick
on按钮，使用jQuery use。单击
函数

函数runMe（）{
警报（“我是用纯JS执行的”）；
}
$（'document'）.ready（函数（）{
$（'#jqueryubmit'）。单击（函数（）{
警报（“我使用jQuery执行”）；
});
});

提交
使用jQuery提交
这是您应该如何实现的。
btn.addEventListener（'click'，funcName）

前
这是您应该如何实现的。
btn.addEventListener（'click'，funcName）

前

var button=document.createElement（'button'）；
setAttribute（'id'，'btn'）；
document.body.appendChild（按钮）；
var buttonById=document.getElementById（'btn'）；
buttonById.textContent='按钮未单击'；
buttonById.addEventListener（'click'，ButtonClickFunction）；
函数按钮ClickFunction（）{
buttonById.textContent='按钮点击'；
}

var button=document.createElement（'button'）；
setAttribute（'id'，'btn'）；
document.body.appendChild（按钮）；
var buttonById=document.getElementById（'btn'）；
buttonById.textContent='按钮未单击'；
buttonById.addEventListener（'click'，ButtonClickFunction）；
函数按钮ClickFunction（）{
buttonById.textContent='按钮点击'；
}
属性可以用于处理按钮上的单击事件
下面是一个工作示例：
<!DOCTYPE html>
<html>
    <body>
        <button onclick="clickDemo()">On-click Demo</button>
        <hr>
        <span id="result"></span>
        <script>
            function clickDemo() {
                document.getElementById("result").innerHTML = "Button was clicked";
            }
        </script>
    </body>
</html>


点击演示

函数clickDemo（）{
document.getElementById（“结果”）.innerHTML=“单击按钮”；
}

输出：
<!DOCTYPE html>
<html>
    <body>
        <button onclick="clickDemo()">On-click Demo</button>
        <hr>
        <span id="result"></span>
        <script>
            function clickDemo() {
                document.getElementById("result").innerHTML = "Button was clicked";
            }
        </script>
    </body>
</html>


更多信息：
属性onclick=“java\u script\u function（）”可用于处理按钮上的单击事件
下面是一个工作示例：
<!DOCTYPE html>
<html>
    <body>
        <button onclick="clickDemo()">On-click Demo</button>
        <hr>
        <span id="result"></span>
        <script>
            function clickDemo() {
                document.getElementById("result").innerHTML = "Button was clicked";
            }
        </script>
    </body>
</html>


点击演示

函数clickDemo（）{
document.getElementById（“结果”）.innerHTML=“单击按钮”；
}

输出：
<!DOCTYPE html>
<html>
    <body>
        <button onclick="clickDemo()">On-click Demo</button>
        <hr>
        <span id="result"></span>
        <script>
            function clickDemo() {
                document.getElementById("result").innerHTML = "Button was clicked";
            }
        </script>
    </body>
</html>


更多信息：

点击演示

java脚本代码：
var btn=document.getElementById（'btnDemo'）；
btn.onClick=函数（）{
警报（'按钮已单击..'）；
}

Jquery代码：
var btn = $('#btnDemo');
btn.click(function(){
  alert('button is clicked..');
});


点击演示

java脚本代码：
var btn=document.getElementById（'btnDemo'）；
btn.onClick=函数（）{
警报（'按钮已单击..'）；
}

Jquery代码：
var btn = $('#btnDemo');
btn.click(function(){
  alert('button is clicked..');
});

您可以将单击事件侦听器绑定到按钮，并在单击处理程序中添加您的逻辑。请具体说明StackOverflow，以便其他人能够理解，提供一些代码，以便其他人能够可视化您的问题。您可以将单击事件侦听器绑定到按钮，并在单击处理程序中添加您的逻辑。请具体说明StackOverflow，为了让其他人能够理解，请提供一些代码，以便其他人能够可视化您的问题。