了解Javascript语法?

时间:2015-01-04 19:06:31

标签: javascript jquery function

我想知道是否有人可以帮助理解这种Javascript语法。

假设我有以下内容:

<script>
    $(function(){
        $("#contactbutton").click(function(event){
            $("#dialog").dialog({width:500});
        });
    });
</script>

我知道第一行是测试DOM是否已准备好并加载。然后它将控制传递给内部函数。

这个内部函数获取一个ID为contactbutton的元素,对于click事件,将控制传递给下一个函数。

这个内部函数,获取带有对话框ID的elemnt,并调用.dialog方法来显示对话框。但是,我不确定:

function(event)

这里的事件参数是什么,我们为什么需要它?此外,这可以重命名为我们想要的任何东西吗?

谢谢,

1 个答案:

答案 0 :(得分:2)

这实际上是一个可在该函数中访问的对象。通常称为事件参考。该对象包含有关函数和事件的详细信息,函数,变量等,允许您处理事件和访问它的属性。一旦将名称设置为处理程序的第一个参数,即function(event) { }

,您就可以访问它

在某种情况下,假设您要阻止将链接导航到stackoverflow.com的锚链接的默认事件。 preventDefault是一个可以执行此操作的函数,即阻止默认事件。在这种情况下,将阻止导航到stackoverflow.com。如果已将名称事件分配给处理程序的第一个参数,则可以使用语法preventDefault访问event.preventDefault()函数。

另一个例子,在onkeydown事件中,您可以使用event.keyCode访问已按下的键。