Question

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

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

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，我只是觉得这会更容易。如果有人帮忙解释，我将非常感激。

提前致谢。

Answer 1

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

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

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

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

Answer 2

你已经在那里了？

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>

或仅通过onclick实际HTML和上面的脚本：

<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()";

Answer 3

要在点击时执行功能generateTip()，请将其放在按钮代码中：

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

Answer 4

因此，如果您的.js文件包含以下代码：

scanf("%19s",a[i]);

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

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

希望有所帮助

在jQuery中按下按钮时执行一个功能

4 个答案: