小工具

/**
*浏览器右键失效，调用onmousedown()测试
**/
<script>
function stop(){
return false;
}
document.oncontextmenu=stop;
</script>

/**
*拿到的是json值，要转换成数组对象，也就是我们获取到的entity对象
*这个是个json值，直接贴出来
*{"day":[0,0,0,0,0,0,0,0,1,3,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"end":1407513540,"month":[0,0,0,0,0,0,0,4,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"start":1407427200,"week":[0,0,0,0,0,0,0],"year":[0,0,0,0,0,0,0,4,0,0,0,0]}
**/
function initCharts(data){
    var content = $.parseJSON(data);
　　 alert(content.day[8])//就可以拿了
}

今天遇到一个问题，就是body标签需要一个click事件用来隐藏一个下拉列表，body的子标签也有一个click事件，用来显示同一个下拉列表。会出现事件包含冲突

//event.cancelBubble=true;是对该事件进行从下到上冒泡，也就是子标签事件执行，父标签如果有相同事件不执行
<body>
    <div>
        <input type="search" id="searchBox" onclick="event.cancelBubble=true;">//输入框
　　　　　<ul id="suggestions" data-role="listview" data-inset="true"></ul>//生成的下拉列表框
　　　　　<div id="contents"></div> //显示内容
    </div>
</body>

js方法:
$("#suggestions").click(function(){
        if($(this).val() == ""){
            return;
        }
        $("#contents").html("");
        $("#suggestions").show();
    });
    
    $("body").click(function(){
        $("#suggestions").hide();
    });

posted on 2014-08-07 10:25 HI,你的蚊香阅读(83) 评论(0) 收藏举报