为什么没有绑定成功

0 0

为什么没有绑定成功5

大家好，刚做项目出了点问题，js绑定click事件，页面一加载就出发了，但是点击时没有出发，还请大家帮忙看看问题
页面js脚本如下：
<script type="text/javascript">
        (function(){

            key={
                press:function(obj){
                    alert(obj.innerHTML);
                }
            };

            caculator = {
                init:function(){
                    $(".key").each(function(){
                        $(this).bind('onclick',key.press(this));
                    });
                }

            }
        })()
        $(function(){
            caculator.init();
        })

    </script>
页面元素如下：
<body>
     <div class="panel">
         <div class="text" id="result line">

         </div>
         <div class="keys line">
            <div class="key">C</div>
            <div class="key"><-</div>
            <div class="key">÷</div>
            <div class="key">X</div>
         </div>
         <div class="keys line">
             <div class="key">7</div>
             <div class="key">8</div>
             <div class="key">9</div>
             <div class="key">-</div>
         </div>
         <div class="keys line">
             <div class="key">4</div>
             <div class="key">5</div>
             <div class="key">6</div>
             <div class="key">+</div>
         </div>
         <div class="keys">
             <div class="line2 num">
                     <div class="key">1</div>
                     <div class="key">2</div>
                     <div class="key">3</div>
                     <div class="key">0</div>
                     <div class="key">00</div>
                     <div class="key">.</div>
             </div>
             <div class="line2 btn">
                 <div class="key1">=</div>
             </div>
         </div>
     </div>
</body>
</html>
页面一打开就alert了但是点击div时却没有alert 这是为什么呢？求解