Question

什么是event

 $(document).ready(function(){
   $("a").click(function(event){
     alert("Thanks for visiting!");
   });
 });

还有这个

 $(document).ready(function(){
   $("a").click(function(){
     alert("Thanks for visiting!");
   });
 });

这两个JS块正在做同样的事情，但有一个event，如果有人可以解释什么是function(event)，我也看到类似函数（e），函数（g），那些是什么？有没有我可以学习的教程？

Answer 1

您向$("a").click提供的回调函数是一个带参数的函数。此参数是一个包含有关对象详细信息的事件对象。您的函数声明可以使用您喜欢的任何名称来引用此参数 - event，e，g ...而且它也可以简单地将其保留，因为您没有在其中使用它你的功能。

考虑到这两个函数基本相同：

function foo(hi) {
   alert(hi);
}

function foo(bye) {
   alert(bye);
}

如果没有使用，你可以省略论证：

function bar() {
   alert("hello!");
}

bar(12345);

Answer 2

事件是一个对象，表示生成该函数的...... 事件。

以下是有关该主题的更多信息：

http://api.jquery.com/category/events/event-object/

它通常用于防止某个事件的默认行为，或者阻止事件传播到父对象：

function(e){
     e.stopPropagation();
     e.preventDefault();
}

Answer 3

第一个示例中的event是未使用的参数。

jQuery将各种参数传递给每个事件处理程序 - 您可以在文档中找到这些参数的详细信息（例如http://api.jquery.com/click/）。

由于您不需要使用event对象（或e或g - 您可以为参数指定任何名称，然后无论是否或不包括它

但是，如果由于某种原因需要使用处理程序（例如，调用event.preventDefault()以防止发生默认点击行为），那么您需要包含它。

Answer 4

jQuery将eventObject传递给处理程序/回调函数，该函数未在您的示例中使用您可以在JQuery中阅读有关eventObject的more。

Answer 5

事件：JavaScript中的事件是网页上或网页上发生的事情。

事件示例： 鼠标单击

网页加载

将鼠标悬停在网页上的热点上，也称为悬停

选择HTML表单中的输入框

按键等...

Jquery中的事件

使用e只是事件的简称。您可以使用任何变量，例如g而不是e

 $('#xyz_id').click(function(g){
   var clicked_target = g.target;
 });

您可以在

进一步了解jquery中的事件

http://api.jquery.com/category/events/event-object/

Answer 6

event参数是一个可选参数，它可以是任何有效的变量名。根据您的要求，您可以传递或忽略它。

访问http://api.jquery.com/click/了解详情。

.click( handler(eventObject) )

handler(eventObject)A function to execute each time the event is triggered.
version added: 1.4.3.click( [eventData], handler(eventObject) )

eventDataA map of data that will be passed to the event handler.

handler(eventObject)A function to execute each time the event is triggered.
version added: 1.0.click()

基本的jQuery理解

6 个答案: