If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

复习:jQuery 中的 DOM 事件

添加事件监听器

你可以使用该函数添加事件侦听器 on():
    $("#save-button").on("click", function() {
       // handle click event
    });
如果你需要访问有关事件的详细信息,你可以在传送到回调函数的 jQuery 事件对象 中找到它们:
    $("#face-pic").on("click", function(event) {
       var mouseX = event.pageX;
       var mouseY = event.pageY;
    });

触发事件

你可以使用触发器从 JavaScript 手动触发对象上的事件:
$("#save-button").trigger("click");
这在测试新功能的时候,或者当你希望在页面加载和某些特定事件之后运行某些代码时,这可能很有用。

检查 DOM 准备情况

如果你想要确保浏览器在DOM完全加载并准备就绪之前不会运行你的JS代码,你就要把你的代码传送给ready():
    $(document).ready(function() {
      $("h1").text("Y'all ready for this?");
    });
一个更简短的版本是将你的代码传送给 jQuery函数:
    $(function() {
      $("h1").text("Y'all ready for this?");
    });
这段代码不像较长的那个版本容易读懂,因此,我们建议使用 ready() 函数。
请注意如果你在页面底部的 <script>标签中包含你的JS,在浏览器运行你的JS时,你的DOM必须完全准备就绪。但是,如果你想加倍确定,你可以选择始终检查DOM准备情况。

更多事件技巧

要想获得关于jQuery事件的更详细总结和更深入了解,请阅读其文档中的jQuery Event Basics

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.