用css 来禁用点击事件

html-css016

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

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

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

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

<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>