javaScript小点..

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javaScript小点..相关的知识，希望对你有一定的参考价值。

阻止事件冒泡

function stopBubble(e){
if(e&&e.stopPropagation){//非 IE
e.stopPropagation();
}
else{//IE
window.event.cancelBubble=true;
}
}

 

阻止默认事件

function stopDefault( e ) {
//阻止默认浏览器动作(W3C)
if ( e && e.preventDefault )
e.preventDefault();
//IE 中阻止函数器默认动作的方式
else
window.event.returnValue = false;
return false;
}

 

 

事件委托

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    #oul li{
        display: block;
        width: 600px;
        height: 50px;
        background-color: rgba(0,0,0,0.3);
        margin: 20px;
    }
</style>
<body>
    <ul id="oul">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

    <script>
        var ul = document.querySelector("#oul");

        ul.onclick = function (ev){

            var ev = ev || window.event;

            var target = ev.target || ev.srcElement;

            if(target.nodeName.toLowerCase() == "li"){

                alert("123")
            }

            //alert("123")


        }

    </script>
</body>
</html>

 

以上是关于javaScript小点..的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段（上）

如何将此 JavaScript 代码片段翻译成 Parenscript？

javascript 代码片段