在jQuery中按下按钮时执行一个函数答案

【问题标题】：Execute a function when pressing a button in jQuery在jQuery中按下按钮时执行一个函数
【发布时间】：2017-08-28 23:57:32
【问题描述】：

我对编程很陌生，遇到了一个问题。

当我按下一个按钮时，我真的很想运行这个功能。这是我要运行的函数：

function generateTip() {
    var tip = tipsList[generateNumber()];
    var tipElement = document.querySelector('.js-tip');

    tipElement.innerHTML = tip;
}

好的，我想在按下按钮时运行这个函数，这里是我的 jQuery 按钮的代码：

$(document).ready(function(){
    $('button').click(function() {
      //run function here 
    });
});

它不一定是 jQuery，我只是认为这样会更容易。如果有人能提供帮助和解释，我将不胜感激。

提前致谢。

【问题讨论】：

标签： javascript jquery html web

【解决方案1】：

在您的 HTML 中，您可以使用 onclick 事件处理程序在单击按钮时调用一个函数，使用 vanilla javascript。像这样：

<button onclick="generateTip()">button text</button>

如果您想要使用 jQuery 和当前代码的解决方案，您所要做的就是在 $('button').click 包装器中调用 generateTip() 函数：

$(document).ready(function(){
    $('button').click(function() {
        generateTip(); 
    }); 
});

【讨论】：

非常感谢，没想到这么简单！

【解决方案2】：

因此，如果您有一个包含此代码的 .js 文件：

function generateTip() {
var tip = tipsList[generateNumber()];
var tipElement = document.querySelector('.js-tip');
tipElement.innerHTML = tip;
}

然后您可以将其附加到 HTML 元素，如下所示：

<button onclick="generateTip()"> Button </button>

希望有帮助

【讨论】：

【解决方案3】：

你已经到了吗？

JQUERY 脚本：

<script>
    $(document).ready(function(){
      $('button').click(function() {
          generateTip();
      }); 
    });

    function generateTip() {
    var tip = tipsList[generateNumber()];
    var tipElement = document.querySelector('.js-tip');

    tipElement.innerHTML = tip;
    }
</script>

或者只在实际的 HTML 和上面的脚本中通过 onclick：

<script>
function generateTip() {
var tip = tipsList[generateNumber()];
var tipElement = document.querySelector('.js-tip');

tipElement.innerHTML = tip;
</script>

然后在你的 HTML 中像这样

<input type="button" name"button" onclick="generateTip()";

【讨论】：

感谢您的各种解释，它现在可以工作了。比我想象的要容易得多，希望我能投票两次！谢谢！

【解决方案4】：

要在点击时执行函数generateTip()，请将其放入您的按钮代码中：

<input type="button" name="any" onclick="generateTip()"/>

【讨论】：