Question

我是jQuery的新手，当我们按下以下代码上的按钮时，我不知道如何获取事件。请帮我。

<div class="key">
    <div class="buttonWrapper">    
        <span data-i18n="keypad.one" class="button i18n"></span>
    </div>
</div>

Answer 1

如果静态加载，请使用类似click函数的内容：

// Wait till the page is loaded and then do the following...
$(document).ready(function () {
  // Attach a click handler on the element with the class button.
  $(".button").click(function () {
    // The code to be executed when the button is clicked.
    alert("Hi");
  });
});

或者，如果它本质上是动态的，请找到一个静态父级并委托事件：

// Wait till the page is loaded and then do the following...
$(document).ready(function () {
  $("body").on("click", ".button", function () {
    // The code to be executed when the button is clicked.
    alert("Hi");
  });
});

请参阅：

Answer 2

首先，您要使用$()捕获要使用的元素。所以在你的情况下：

$(".button")

然后，在使用$()获取元素后，您希望将事件绑定到它。在您的情况下，.click()事件：

$(".button").click(function(){
   // Insert what you want to happen when someone clicks the button here
});

要了解有关jQuery的更多信息，我强烈建议您查看他们的API。有关.click()活动的详细信息，请点击here。要了解有关事件的更多信息，请点击here。

如何在以下代码中获取按钮事件？

2 个答案: