用css 来禁用点击事件

html-css042

用css 来禁用点击事件,第1张

在html 中的一种简单的写法。如下:

点击事件执行JavaScript的脚本。如下:

当您遇到一些场景,只需展示时,并且不允许用户点击,您可以用css来控制,这是一种改动量最小,并且不会影响其他的操作;具体写法如下:

通过div实现了一个浮层,但是发现浮层底下的部分元素是可以透过浮层的

将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;

注意:

1、所有的相关元素都得用DIV并且必须有等位属性:position:relative或者:position:absolute ;

2、将最上层的DIV的z-index属性设置的大一点,比如z-index:2000;

3、其他在下面层的DIV中z-index的属性值都要小于最上层DIV的z-index值;

<html>

<head>

<title></title><script src="script/jquery-1.9.1.js"></script>

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

<script language="javascript">

var timer

//页面加载时调用,给标签设置click事件

$(function(){

//页面加载完成,设置a可被点击

setcanclick()

})

function setcanclick(){

$("#bt1").bind('click',function(){

alert("test2")

//取消组件被点击事件

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

//......执行login

//设置计数器,两秒后调用组件可再次被点击

timer = setInterval(function(){setcanclick()},2000)

})

//清除计数器

clearInterval(timer)

}

</script>

</head>

<body>

<a id="bt1"><span>sigin in</span></a>

</body>

</html>