代码调试本质及事件冒泡

最新推荐文章于 2022-05-01 23:59:24 发布

5reh5a6ab3J655av54uC

最新推荐文章于 2022-05-01 23:59:24 发布

阅读量474

点赞数

分类专栏： java 文章标签：代码调试-冒泡阻断

本文链接：https://blog.csdn.net/fuxin0519/article/details/46713057

版权

java 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

代码调试本质及事件冒泡

由于最近一直在调试前台代码，在调试的过程中不断总结调试代码的本质，今天把总结的一些心得写下来，算是为自己提升代码调试能力做个总结吧。代码调试的本质总结来说就是务实：

启动环境时，要看是否将源文件完全编译到webapps中，若正常build，则会正常启动不报错
调试样式时，要立足前端HTML代码反推问题，不宜从后台代码漫无目的的排查，从结果找问题
document添加键盘监听事件后无焦点按Enter键也会触发事件

—-冒泡阻断事件总结—————

`冒泡阻断`

冒泡事件代码：

<html>
  <head> 
    <script type="text/javascript" src="jquery.js"></script>      
  </head> 
  <body> 
    <div><span><input value="click me"/></span></div>
    <script type="text/javascript">    
      $("div").keypress(function(e){ alert('div'); }); 
      $("span").keydown(function(e){ alert('span'); }); 
      $("input").keydown(
        function(e){ alert('input'); 
          if(e.stopPropagation){
            e.stopPropagation();
          }else if(window.event){
            window.event.cancelBubble = true;
        } 
      }); 
      $("span").keydown(function(e){
          return false;
      });
    </script> 
先触发keydown后触发keypress
return false 阻止后续所有事件 
stopPropagation 阻止该事件的后续事件
  </body>
</html>

5reh5a6ab3J655av54uC

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
代码调试本质及事件冒泡

代码调试本质及事件冒泡由于最近一直在调试前台代码，在调试的过程中不断总结调试代码的本质，今天把总结的一些心得写下来，算是为自己提升代码调试能力做个总结吧。代码调试的本质总结来说就是务实：启动环境时，要看是否将源文件完全编译到webapps中，若正常build，则会正常启动不报错调试样式时，要立足前端HTML代码反推问题，不宜从后台代码漫无目的的排查，从结果找问题document添加键盘监听事件
复制链接

扫一扫

专栏目录