2018-12-19 总结能获取mouseEvent默认参数

点我阻止冒泡

1. 获取dom元素

x = document.getElementById("showp");

1-1）方式如下可以获取到mouseEvent

      x.addEventListener('click', function stopBubble(ev) {
            console.log(ev);  //可以获取到mouseEvent
            ev.stopPropagation(); //阻止冒泡，非IE方法
        }, false/true);

1-2）方式如下也可以获取到

        x.addEventListener('click', stopBubble,false/true);
        function stopBubble(ev) {
              alert(ev);     //可以获取到mouseEvent
              ev.stopPropagation(); 
         }

1-3）下面也可以

        x.onclick = function(ev) {
            console.log(ev);   //可以获取到mouseEvent
            ev.stopPropagation();
        }

2. 在DOM元素中添加onclick="stopBubble()",注意此处括号必须加，否则不执行，此时方法中是获取不到mouseEvent的，但是可以获取到window的event，如下设置：

       function play() {
               var ev = window.event;
               console.log(ev);
    }

还可以在方法中加入event参数 onclick="stopBubble(event)",像这样

       function stopBubble(ev){
            console.log(ev);   //可以获取到
       }

3. jquery中？ 答案是可以的。

3-1）.click

        $(function() {
                // debugger;
                $('#showp').click(function(ev) {
                         alert(ev)    //可以获取到mouseEvent
                 })
         })

3-2) .on

         $(function() {
                 // debugger;
                  $('#showp').on('click', function(ev) {
                         alert(ev);       //可以获取到mouseEvent
                   })
           })

4. vue中@click="func($event)"

        function func(ev){
                 alert(ev);   //可以获取到mouseEvent
        }