可以在div上使用onclick吗?

时间:2014-06-29 12:10:06

标签: javascript html javascript-events

我试图激活" onclick"在一个div。 由于某种原因,它无法正常工作。

示例:

<html> 
    <head> 
        <style> 
            .box{
                border: 1px solid black;
                width: 100px; 
                height: 100px;
            }
        </style>
    </head>

    <body> 
        <div class="box" onclick="_gaq.push(['_trackEvent', 'Click', 'Facebook_Share', 'Upper_Button']);"> 

        </div>

    </body>
</html>

因为某些原因它无法正常工作。 我写错了吗? 我把这段代码写成了一个例子。 JS是真正的代码。 (这是一个谷歌分析事件...)

2 个答案:

答案 0 :(得分:0)

它按预期工作,但未定义_gaq。 定义_gaq(添加脚本,定义_gaq)或做更有意义的事情。

<div class="box" onclick="alert('wakalaka');"> 

答案 1 :(得分:0)

加载Google Analytics脚本后,您应该将onclick元素绑定到box div:

<html> 
    <head> 
        <style> 
            .box{
                border: 1px solid black;
                width: 100px; 
                height: 100px;
            }
        </style>
    </head>

    <body> 
        <div class="box" id="tracked"> 

        </div>
        <!-- suggest using jQuery library, as it eases things, see below -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <!-- put Google Analytics code here (I assume, the _gaq variable is the Google Analytics one) -->
        <script type="text/javascript"><!-- replace this comment with your Google Analytics code --></script>
        <script type="text/javascript">
           $(document).ready(function(){

              // bind click event to the box div (I used an id here)
              $("#tracked").click(function(){
                  _gaq.push(['_trackEvent', 'Click', 'Facebook_Share', 'Upper_Button']);
              });
           });
        </script>
    </body>
</html>