检查按钮是否点击

本文关键字：是否 按钮 检查 | 更新日期: 2023-09-27 18:08:04

我想根据点击的按钮将页面重定向到不同的位置，我想要类似这样的东西:

if(document.getElementById('button').onclick == true)
{ 
  //redirect page
}

但是这个代码不适合我:

document.getElementById('button').onclick = function() {
  //redirect page
}​;​

检查按钮是否点击

最简单的方法是在按钮标签中添加onclick()事件。

<button id='button' onclick='redirectThePage();' >Click Me</button>

和javascript中的

function redirectThePage(){
//redirect page
}
另一种方法是 
<button id='button'>Click me</button>

和javascript中的

var button = document.getElementById('button');
button.onclick = function() { // redirect the page };

做同样的事情有不同的方法。

1。addEventListener() 

document.getElementById('button').addEventListener("click", function() {
    redirect();
}​);​
function redirect(){
    //redirect page
}

Pro

  • javascript和HTML不嵌套

反

  • 更多的代码
  • 在HTML代码中看不到点击
    • 会发生什么

2。onclick(斜线回答)

注意:如果你觉得这个更好，所有的所有者归他/她。

<button id="btn" onclick="redirect()">redirect</button>
<script>
    function redirect() {
        //redirect page
    }
</script>

Pro

  • 更少的代码
    • 你可以在HTML代码中看到点击事件会发生什么

反

    嵌套HTML和Javascript。

这也可以很容易地实现与javascript:

<button id="btn" onclick="redirect()">redirect</button>
<script>
    function redirect()
    {
        window.location = "http://www.google.com/";
    }
</script>

jQuery:

$('#button').click(function(){
    window.location.href = "index.php";
});
HTML: 

<button id="button">Click next</button>
相关文章：