Javascript、target.id 和 event.srcElement.id

Question

我试图理解部分javascript代码，引用代码是:Link ，现在还有 2 个 css 文件，第一个包含(sansStyle.css):

body, p, td, ol, ul, select, span, div, input {
    font: .9em/1.1em verdana, geneva, arial, helvetica, sans-serif;
}

第二个包含(serifStyle.css):

  body, p, td, ol, ul, select, span, div, input {
        font: 1.1em/1.2em Times New Roman, Times, serif;
    }

我的问题只是在我不理解的 javascript 代码的一小部分，如果你看一下链接和 javascript 部分，那就是:

if (inVal) {
        if (typeof inVal == "string") {
            title = inVal;
        }
        else {
            title = inVal.target.id;
        }
    }
    else {
        title = window.event.srcElement.id;
    }

现在我确实明白我们在 else 中引用 id 因为它的值与我们需要的标题值相同，但问题是如果它不是字符串那么它是什么？以及如何获取例如 inVal.target.id inVal.target 是什么？以及关于窗口 event.srcElement.id 它是什么事件？如果有人可以帮助我理解这两个我将非常感激。

Answer 1

inVal 是单击事件，目标是发生该事件的 DOM 元素。如果你看一下这一行:

allButtons[i].onclick = setActiveStylesheet;

您将看到，单击按钮时将调用此函数，并且事件将作为参数传递给该函数。