开发者社区> 问答> 正文

js对页面上区域判断的问题

遇到的问题下图中有详细的描述:点击滑动块以外的区域,滑动块消失,但是需要排除一些特殊区域(表格中的名字,其他对话框等等),我现在采用的是判断点击区域是不是属于这些特殊区域。但是这样的区域很多,以后可能还要增加,这样就导致我用了一堆的if...else来判断。

请问有没有其他的优雅的实现方式??感谢!

(下图使用的是原型工具:Balsamiq Mockups)
screenshot

展开
收起
a123456678 2016-07-08 15:30:54 1977 0
1 条回答
写回答
取消 提交回答
  • var clickedNode = $(e.target) || $(e.srcElement);
    if (clickedNode.parents(".detail-wapper").length > 0){ //弹出块内部
    }else if(clickedNode.attr("class") == "detail-wapper"){ //弹出块自己
    }else if(clickedNode.hasClass("detail-link")){ // 上部的名字
    }else if(clickedNode.attr('class') == "btn-console"){ // 某个按钮
    }else if(clickedNode.parents(".workflow").length > 0){ // 其他弹出框
    }else{
        hideBlock();
    }
    2019-07-17 19:53:30
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载