在JavaScript中是stopPropagation還是preventDefault？

Question

我嘗試刪除鼠標懸停方法，直到我將鼠標懸停，但我使用的是JavaScript。 有沒有類似的方法與jQuery的方法相同？

這是我的事

function addEventListeners() {
    document.getElementById("container").addEventListener("mouseover", isClicked);
    document.getElementById("container").addEventListener("mouseleave", collapse);
    document.getElementById("close-button").addEventListener("click", collapse);        
    document.getElementById("box").addEventListener("click", clickthrough);
    document.getElementById("replay").addEventListener("click", replay);
    if(isIphone) document.getElementById("video").addEventListener("click", function(){collapse()});
}

<div id="container">
    <div id="ad" class="collapsed">
        <div id="banner">
            <img class="back" id="back" src="frames/frame_1.jpg"/>
            <img class="top" id="top" src="frames/frame_2.jpg"/>
            <img id="logo1" type="image/svg+xml" src="" />                                              
            <div class="border" id="border"></div>
            <div id="cta"></div>
        </div>
        <div id="expansion">
            <div class="exp_bn" id="exp_bn" >
                <div class="con-pos" id="con-pos" >                                         
                    <div id="videoContainer" class="videoContainer">           
                        <video class="video" id="video" autoplay></video>
                    </div>                                                                        
                </div>                    
            </div>
            <div class="endframe"></div>
            <img id="logo2" type="image/svg+xml" src="" />
            <div id="box"></div>
             <div class="topgrp">
                <div id="close-button" class="icon-cross"></div>
            </div>
            <div class="bottomgrp">
                <div id="replay" class="icon-replay"></div>
            </div>
        </div>
    </div>
</div>

Answer 1

preventDefault和stopPropagation是event對象的本機JS方法。
它不是jQuery的一部分。

您可以直接在香草JS中使用它：

 document.getElementById("link").onclick = function (e) { console.log(e.preventDefault); // function preventDefault() { [native code] } console.log(e.stopPropagation); // function stopPropagation() { [native code] } e.stopPropagation(); e.preventDefault(); }; 

 <a href="google.com" id="link">Link</a>