需要JavaScript语句说明('此'和'事件')

时间:2017-02-19 08:15:24

标签: javascript html

嘿伙计们!

好的,今天我要问一下特定的JavaScript语句thisevent如何在外行人的术语中工作。

用你自己的话说;请描述这两个语句以及如何在特定的html组件上使用它们。

我只是含糊地知道event语句是如何工作的。从我可以理解的是,它只是声明了一个事件,但是一旦事件通过它就会丢失所有数据并重新启动,以便在下次使用它时,它可以重新开始,并且最近使用它的事件不会记住它自己的过去。对我来说,它基本上是一只被推进过马路的鸡,但是当它完成后,它突然被送回到它最初开始的地方;无法记住任何事情。无论是那个还是来自Moana的鸡Heihei。

但是,我的理解只是含糊不清,因为我在event声明中发现的所有内容都太复杂或太模糊。如果有人可以添加到这里真的很棒。

然后是this声明。 我完全不理解那一个。 那么......我如何使用它来获取包含HTML元素的属性,如idnamevalue等?

例如:

    <input type="button" id="demo" name="dono" value="dem" onclick="caller(event)"/>
    <input type="button" id="demo2" name="dono2" value="dem2" onclick="caller(event)"/>

<script>
    function caller(event){
    //How can you get the id, name, and value of the element that called this event?
    }
</script>

如果有人有解释,请分享。 并且不要对你的答案含糊不清。 是的,只是提供一个没有解释的链接被认为是一个模糊的答案。

这是一个对话问题,我希望有人会回答这个问题,并对问题有所了解。

1 个答案:

答案 0 :(得分:1)

这样:

<input type="button" id="demo" name="dono" value="dem" onclick="caller(this)"/>
    <input type="button" id="demo2" name="dono2" value="dem2" onclick="caller(this)"/>

<script>
    function caller(event){
    console.log(event.target.id);
    console.log(event.name);
    console.log(event.value);
    }
</script>