div外点击,让该div消失

news/2024/7/11 0:37:17 标签: css, html, css3, jquery
htmledit_views">

借助jquery来实现这个简单的小功能

依赖

<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>

 

 Html

 

 

<div>
    <div class="r-input-t" style="background:red;width:20px;height:30px;" οnclick="click1()">
        点我
    </div>
    <div class="r-put-val" style="style="background:red;width:20px;height:30px;" display="none">
        点击下我的外部我会隐藏
    </div>

<div>

 

 JS

var runi = true;
function click1(){
  runi=false;
}
document.body.onclick = function(){
    if(runi){

        var iptObj = $(".r-input-t");

        $(".r-put-val").hide();
       
    }
    runi = true;
}

 

我觉主要不会写document.body.onclick = function(){}这一部分,所以没有思路实现 


http://www.niftyadmin.cn/n/1464364.html

相关文章

浮动的页面导航栏来说说怎么用js写页面跟随块

比如说一个导航栏我们起名class"nav"&#xff0c;页面上下滚动的时候&#xff0c;保持一直显示,页面恢复初始页面的时候&#xff0c;这个导航栏自动嵌回页面的指定位置 如果此时导航行上面个还有其他的div 那么有 //跟随快$(window).scroll(function () {var s $(do…

.animate()scrollTop: 点击页面一个位置,页面自动滚动到具体的位置,a锚点动画效果滚动

JS var t $("#divId").offset().top;// 获取需要跳转到标签的top值 $("html,body").animate({scrollTop: t}, 300); // 动态跳转到指定位置&#xff08;数值越大滚动速度越慢&#xff09;

js,jquery判断一个id对象是否存在

假如我们页面中一个div块是根据数据有无决定是否显示在页面&#xff0c;那么当我们js执行需要这个div的id获取这个对象时候&#xff0c;怎么判断呢 如下 var titelObj $("#divId"); if (titelObj.attr("id") undefined) { return; }

解决ul中li设置宽高无效的问题

问题&#xff1a;ul中的li 设置样式 display: inline; 如果再设置 width: 105px; height: 56px;怎么调整都不会有影响 解决&#xff1a;将display: inline;换成float: left; 问题得到解决

jquery获取ul中的li的总个数

语法 $("ul li").length; 例如&#xff1a; $("#main_center").find("ul li").length;

jquery将json字符串转换成可以遍历的对象

数据 var navJson "[{"areaId":197,"checked":"","oflag":"","stockUp":"N","whAddress":"Keppel Distripark Blk 513 #01-130&#xff0c;Kampong Bahru Road &#xff0c;Singap…

推荐给大家一首印度电影《起跑线》里面公立学校学生们演奏的一首歌

这部电影男猪脚眼熟&#xff0c;看过他不少印度电影&#xff0c;叫不出名字也不想去过多搜索&#xff0c;我看的中文版本的&#xff0c;那些翻译看着确实比较幽默放松&#xff0c;挺不错的很真实的反应一个社会的现实问题 Ek Jindari (一种风格) (《起跑线》电影插曲) - Sachin…

java校验邮箱和url的正则表达工具类

/*** 正则表达式工具类* * author Zhoutao* date 2014-6-18*/ public class RegexUtils {public final static String REGEX_EMAIL "((([A-z]|\\d|[!#\\$%&\\*\\\\-\\/\\?\\^_{\\|}~]|[\\u00A0-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFEF])(\\.([a-z]|\\d|[!#\\$%&…