如果让DIV不能被点击

yjxf8285 2011-11-01 10:08:18

我想做一个DIV点击一次的时候显示出一个倒计时的P，再倒计时期间这个作为按钮区域的DIV是不可点击状态，倒计时结束之后这个DIV又可以点击了，用JQUERY来写。

...全文

12228 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

小龙卷卷风 2011-11-01

打赏
举报

向5楼学习了，帮顶。

Left_you 2011-11-01

打赏
举报

其实就是动态的改变这个div的onclick事件。
比如开始div里面 onclick="click();" 开始倒计时的时候可以用js变成 onclick="clickA();"

其实用一个变量控制就行了。 var isCountdown = true; 倒计时函数触发的时候把 isCountdown 设置为false；倒计时完成再设置成 true；然后在你的div的onclick函数里面先判断 isCountdown 的值，如果是false就不会执行任何操作。

挨踢直男 2011-11-01

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

</head>

<body>



<div id="t" style="width:200px;height:50px;border:1px solid #333; font-size:20px; font-weight:bold; text-align:center"></div>

<div id="b" style="width:100px;height:20px; background:#ccc; cursor:pointer">点击倒计时</div>



<script type="text/javascript">



var t = document.getElementById("t");

var b = document.getElementById("b");

var count = 10;

var timer ;

function operator()

{

    t.innerHTML ="倒计时："+ count + "秒";

    count --

    if(count< 0) end();

}



function start()

{

    timer = window.setInterval(operator,1000)

    b.onclick = null;

}



function end()

{

    window.clearInterval(timer);

    count = 10

    b.onclick=start;

}



b.onclick = start;





</script>





</body>

</html>

挨踢直男 2011-11-01

打赏
举报

var t = document.getElementById("t");

var b = document.getElementById("b");

var count = 10;

var timer ;

function operator()

{

    t.innerHTML ="倒计时："+ count + "秒";

    count --

    if(count< 0) end();

}



function start()

{

    timer = window.setInterval(operator,1000)

    b.onclick = null;

}



function end()

{

    window.clearInterval(timer);

    count = 10

    b.onclick=start;

}



b.onclick = start;

yjxf8285 2011-11-01

打赏
举报

[Quote=引用 1 楼 liangws 的回复:]

$("#yourDiv").one("click", function(){
//触发定时器，定时器回调函数里再使用one绑定div的点击事件
})
[/Quote]

麻烦给完整代码，逻辑不是很清楚

光曰不日 2011-11-01

打赏
举报

[Quote=引用 1 楼 liangws 的回复:]

$("#yourDiv").one("click", function(){
//触发定时器，定时器回调函数里再使用one绑定div的点击事件
})
[/Quote].one is good! ++
倒计时结束时绑定一次

liangws 2011-11-01

打赏
举报

$("#yourDiv").one("click", function(){
//触发定时器，定时器回调函数里再使用one绑定div的点击事件
})

yjxf8285 2011-11-01

打赏
举报

[Quote=引用 1 楼 liangws 的回复:]

$("#yourDiv").one("click", function(){
//触发定时器，定时器回调函数里再使用one绑定div的点击事件
})
[/Quote]

最后还是用你得思路搞定了，源生js搞不清楚。谢谢

yjxf8285 2011-11-01

打赏
举报

[Quote=引用 5 楼 aspwebchh 的回复:]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></ti……
[/Quote]

b.onclick = null; 用jquery的语法应该怎么写啊$('#b').click(null); 这样不行哦