JavaScript-事件冒泡&Event和this的区别

• 在事件冒泡中 ，this永远指的是当前事件的对象
• window.event.srcElement当用在冒泡事件的时候，它永远指的是最初触发此事件的对象

  onload = function () {
            document.getElementById("bodyid").onclick = function () {
                alert(window.event.srcElement.id);
            };
            document.getElementById("divid").onclick = function () {
                alert(window.event.srcElement.id);
            };
            document.getElementById("pid").onclick = function () {
                alert(window.event.srcElement.id);
            };
            document.getElementById("spanid").onclick = function () {
                //如何阻止冒泡事件的进行
                window.event.cancelBubble = true;//不再进行触发其父级事件        
            };



//----------补充扩展：
 document.getElementById("divid").onmousedown = function () {
                alert(window.event.button);//输出用户鼠标的点击  0左 1中 2右
                //获取用户点击的鼠标
            };

来源：CSDN

作者：.Selected

链接：https://blog.csdn.net/MrLsss/article/details/104125028