CSS 样式上的 Javascript 事件从 block 更改为无

Question

当我将 div 的 CSS 样式从 block 更改为 none 时，是否会触发纯 Javascript 事件(无 jQuery) .我以为我可以通过“onBlur”捕捉到它，但看起来我做不到!

请指教!

Answer 1

没有因可见性更改而触发的 DOM 事件。

您能做的最好的事情就是始终使用相同的函数来调整 block 的可见性，而不是每次都更改它的样式。

旧模式:

function doSomething() {
    alert("I'm doing something!");
    myBlock.style.display = "block";
}

function doSomethingElse() {
    alert("I'm doing something else now!");
    myBlock.style.display = "none";
}

新模式:

function doSomething() {
    alert("I'm doing something!");
    toggleMyBlock(true);
}

function doSomethingElse() {
    alert("I'm doing something else now!");
    toggleMyBlock(false);
}

function toggleMyBlock(show) {
    if (show) {
        // code here for what would be your 'it became visible' event.
    } else {
        // code here for what would be your 'it became invisible' event.
    }
    myBlock.style.display = show ? "block" : "none";
}