点击空白处隐藏div

class="bigPic"的div是被显示或隐藏的div,另外.case > ul > li是class="bigPic"的父级元素

$("body").bind("click",function(evt){
if($(evt.target).parents(".case > ul > li").length==0)
{
$(‘.bigPic‘).hide();
}

});

2.

/*$(document).bind("click", function (e) {
        var target = $(e.target);
        if (target.closest(".xialatop ,.xialatop ul").length == 0) {
            $(".xiala").hide();
            $(‘.xialatop‘).removeClass(‘xialatopline‘)
        };
        e.stopPropagation();
    })*/

时间: 2024-10-10 06:30:49

点击空白处隐藏div的相关文章

点击空白处隐藏盒子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击空白处隐藏盒子</title> <style> #mask{ width: 100%; height:2000px; font-weight:bold;">#000; opacity: 0.4; filter:alpha(opac

react 点击空白处隐藏弹出层

点击空白处隐藏弹出层的原理是:在 document 上绑定事件来隐藏弹出层,这样点击任何元素的时候都会冒泡到 document 上,都会执行隐藏弹出层的功能.然后我们在不需要隐藏弹出层的元素上阻止冒泡即可. class Select extends Component { constructor(props) { super(props); this.state = { selected: props.list[0], showList: false }; this.showList = thi

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn').find('.assess').unbind().bind('click',function(event){                    //取消事件冒泡                      event.stopPropagation(); if($('.abtnBox').is

[爱上Swift] day10:IOS 点击空白处隐藏键盘的几种方法

IOS7 点击空白处隐藏键盘的几种方法 IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以实现点击键盘以外的空白区域来将键盘隐藏,以下我总结出了几种隐藏键盘的方法: 首先说明两种可以让键盘隐藏的Method: 1.[view endEditing:YES]  这个方法可以让整个view取消第一响应者,从而让所有控件的键盘隐藏. 2.[textFiled resignFirstRespon

IOS7 点击空白处隐藏键盘的几种方法

IOS7 点击空白处隐藏键盘的几种方法   IOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以实现点击键盘以外的空白区域来将键盘隐藏,以下我总结出了几种隐藏键盘的方法: 首先说明两种可以让键盘隐藏的Method: 1.[view endEditing:YES]  这个方法可以让整个view取消第一响应者,从而让所有控件的键盘隐藏. 2.[textFiled resignFirstResp

锋利的Jquery(点击显示隐藏div)

点击显示隐藏div 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text

一句代码搞定,所有页面点击空白处隐藏键盘

首先新建一个appdelegate的分类 代码如下: #import "AppDelegate.h" @interface AppDelegate (DismissKeyboard) /** 开启点击空白处隐藏键盘功能 */ - (void)openTouchOutsideDismissKeyboard; @end @implementation AppDelegate (DismissKeyboard) /** 开启点击空白处隐藏键盘功能 */ - (void)openTouchOu

ios弹出软键盘时fixed失效及点击空白处隐藏层的解决办法

一.实现点击按钮弹出层和点击空白处隐藏层,event.stopPropagation()是关键,阻止传导. <script type="text/javascript"> $(function () { $('#btnShow').click(function (event) { event.stopPropagation(); $('#div_apply').toggle(); }); $(document).click(function (event) { $('#di

Android 点击空白处隐藏键盘

方法一:使用android的分发机制(代码稍微有点多) /**  * 实现点击空白处,软键盘消失事件  * @param ev  * @return  */ @Override public boolean dispatchTouchEvent(MotionEvent ev) {     if (ev.getAction() == MotionEvent.ACTION_DOWN) {         // 获得当前得到焦点的View,一般情况下就是EditText(特殊情况就是轨迹求或者实体案件