如何使div / iframe只能点击一次

时间:2014-01-15 17:01:53

标签: html

标题说明了一切:我如何只使用div / iframe点击一次

我坚持了很久,所以我决定寻求一些帮助。

如果你想要帮助,请将整个脚本放在这里,而不仅仅是它的一部分,所以我感到困惑。

谢谢。

2 个答案:

答案 0 :(得分:1)

这不是一个非常明确的问题,它没有标签,但我试试..

假设您使用的是javascript。您可以添加计数器变量并在每次运行事件时进行检查。

window.load = function() {
   var count = 0;
   document.getElementById('div_or_iframe').onclick = function() {
      if(count == 0) { // check if counter is 0
         return true; // continue
         count++; // update counter by +1
      }
      else { // if counter is 0 > clicking anything doesn't work
         return false; // prevent action
      }
   }
}

答案 1 :(得分:0)

我认为@ aksu的答案要容易得多,但是我让它使用了类和jquery。这样,您的页面上的多个元素只能点击一次。

<!DOCTYPE html>
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        function someFunction(obj) {
            if ($(obj).hasClass("clickable")) {
                // perform the code you want
                alert("Function will be performed");
                // make not clickable
                $(obj).removeClass("clickable");
            } else {
                alert("Already Clicked");
            }

        }
    </script>
</head>
<body>

<div class="clickable" onclick="someFunction(this)">CLICK HERE</span>

</body>
</html>