打字稿错误：类型“元素”上不存在属性“包含”。

Question

嗨，我在html对话框上监听焦点事件，并尝试检查当前的焦点元素是否属于我的“ dialog”类。 请参阅下面的代码。

$(document).ready(() => {
    document.addEventListener("focus", (event) => {
        var dialog = document.getElementsByClassName("dialog table-storage-dialog");
        var dialogOpen: boolean = true;
        var currentElement: any = event.target;
        if (dialogOpen && !dialog[0].contains(a)) {
            event.stopPropagation();
             $("#dialog table-storage-dialog").focus();
        }
    }, true);
});

但是此代码将引发编译错误“类型'元素'上不存在属性'包含'”。 知道此代码有什么问题吗？

此代码可确保在html对话框打开时按住Tab键时，焦点不会从对话框移到后台窗口。 它停留在对话框中

Answer 1

就像错误提示一样，DOM元素没有contains方法。 我在想您打算改用jQuery。

更改此行：

var dialog = document.getElementsByClassName("dialog table-storage-dialog");

对此：

var dialog = $(".dialog, .table-storage-dialog");