js 怎样使div无法响应点击事件

JavaScript012

js 怎样使div无法响应点击事件,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<!-- 引入jquery -->

<script src="js/jquery-1.7.2.min.js"></script>

</head>

<body>

<ul>

<li>第一个</li>

<li>第二个</li>

<li id="unbind">第三个</li>

</ul>

<script>

$(function(){

//给li绑定点击事件

$("li").click(function(event) {

//返回当前li的索引

alert($(this).index())

})

//给id为unbind的元素删除点击事件

$('#unbind').unbind("click")

})

</script>

</body>

</html>

unbind(type [,data])     //data是要移除的函数

$('#btn').unbind("click")//移除click

$('#btn').unbind()//移除所有

将弹出层设置为position:absolutez-index:101

再使用一个层div2,width:100%,height:100%.z-index:100,position:absolute

这样div2会覆盖整个页面,页面上的任何元素都不可点击(页面中元素的默认z-index为0,如果有高的z-index需要将div2的z-index设置的更高些)

禁止滚动可以给body添加overflow:hidden这样就不会显示滚动条,不能滚动

msg 为DIV id ;

text 为 你要抓取的id 比如 文本的等;

要自己做个事件触发此方法;

function refer(){

var textValue = document.getElementById("text")

if(textValue.value == ""){

document.getElementById("msg").style.display ="none"

}

else{

document.getElementById("msg").style.display =""

}

}