jquery click事件，多次执行,该怎么处理

jquery click事件，多次执行

HTML code

<div class="box">        <input type="text" id="showValue" class="text" />        <table class="table">            <tr>                <td><input type="button" class="d0btn" value="退格" /></td>                <td><input type="button" class="d0btn" value="清屏"/></td>                <td><input type="button" class="d1btn" value="sqrt"/></td>                <td><input type="button" class="d2btn" value="÷"/></td>            </tr>            <tr>                <td><input type="button" class="d3btn" value="7" /></td>                <td><input type="button" class="d3btn" value="8" /></td>                <td><input type="button" class="d3btn" value="9"/></td>                <td><input type="button" class="d2btn" value="×"/></td>            </tr>            <tr>                <td><input type="button" class="d3btn" value="4"/></td>                <td><input type="button" class="d3btn" value="5"/></td>                <td><input type="button" class="d3btn" value="6"/></td>                <td><input type="button" class="d2btn" value="-"/></td>            </tr>            <tr>                <td><input type="button" class="d3btn" value="1"/></td>                <td><input type="button" class="d3btn" value="2"/></td>                <td><input type="button" class="d3btn" value="3"/></td>                <td><input type="button" class="d2btn" value="+"/></td>            </tr>            <tr>                   <td><input type="button" class="d3btn" value="0"/></td>                <td><input type="button" class="d3btn" value="."/></td>                <td><input type="button" class="d3btn" value="+/-"/></td>                <td><input type="button" class="d4btn" value="="/></td>            </tr>        </table>    </div>

JScript code

        var firstValue = "";        $(function () {            $("input:not(#showValue)").mousedown(function () {                $(this).attr({                    style: "background-position:0px 0px"                }).mouseup(function () {                    $(this).attr({ style: "background-position:0px -44px" });                }).click(function () {                    if (this.className == "d3btn") {                        firstValue = this.value.toString();                        alert(firstValue);                    }                });            });        });

点击一个按钮，第一次弹出一次提示框。再点这个按钮，弹出两次提示框。第三次点击这个按钮，弹出三次提示框。
为什么会发生这种情况呢？

[解决办法]
mousedown鼠标按下弹一次
mouseup鼠标抬起弹一次
click事件弹一次。

所以3次~·

[解决办法]

探讨

那为什么我第一次点击的时候就弹出一次提示框呢？

查看更多 下一篇