html - 为什么 Button在布局的最下方，绑定的事件无法被触发，而在中间就可以触发Button所绑定的事件？

Question

在工程的一个form插入了HTML的布局。其中为“发送”Button,绑定了事件，但是在布局的最下方事件无法被触发，反而把Button移到中间的一个地方，事件就可以被触发了。不知道是怎么回事。
form代码如下：

<form #sendmsg-window>
         <p class="maskinglayer_p">
            <p class="sendmsg">
                <p class="sendmsg_top">
                    <span class="sendmsg_top_1"><label>发送短消息</label></span>
                    <button id="sendmsg_min"></button>              
                    <button id="sendmsg_close"></button>
                </p>
                <p class="sendmsg_main">
                    <ul>
                        <li id="msgname"><label>接收人姓名</label><input id="sendmsg_phone" class="msgname_input"/></input></li>
                        <li class="msgname_label1"><label>请输入要发送的电话号码</label></li>
                        <li class="msgname_label1"><label>（多个手机号码间需要分号或空格隔开）</label></li>
                        <li><input class="msgname_input2"></input></li>
                        <li class="msgname_label1"><label>请输入短消息内容</label></li>
                         
                        <li class="msgname_label1"><label>（最多支持500个字符）</label></li>
                        <li><textarea class="sendmsg_content"id="sendmsg_content"></textarea></li>
                        <li class="msgname_label1"><label>请输入的字符个数：9</label></li>
                        <li><button id="sendmsg_sd1" class="msgname_btn1">发送</button><button class="msgname_btn1">关闭</button></li>
                    </ul>
                </p>
            </p>
        </p>
    </form>

为“发送”Button所绑定的事件如下：

 $(#sendmsg_sd1).onClick = function()
                   {
                        if($(#sendmsg_phone).value=="")
                        {
                            view.msgbox(#OkTel,"亲，您发送的是空号哦");
                            return 0;
                        }
      ......

请教下问什么会这样？该怎样修复呢？谢谢

Answer 1

把你的按鈕放在

外面試試，可能是被其他的DOM遮擋了

<form #sendmsg-window>
         <p class="maskinglayer_p">
            <p class="sendmsg">
                <p class="sendmsg_top">
                    <span class="sendmsg_top_1"><label>发送短消息</label></span>
                    <button id="sendmsg_min"></button>              
                    <button id="sendmsg_close"></button>
                </p>
                <p class="sendmsg_main">
                    <ul>
                        <li id="msgname"><label>接收人姓名</label><input id="sendmsg_phone" class="msgname_input"/></input></li>
                        <li class="msgname_label1"><label>请输入要发送的电话号码</label></li>
                        <li class="msgname_label1"><label>（多个手机号码间需要分号或空格隔开）</label></li>
                        <li><input class="msgname_input2"></input></li>
                        <li class="msgname_label1"><label>请输入短消息内容</label></li>
                         
                        <li class="msgname_label1"><label>（最多支持500个字符）</label></li>
                        <li><textarea class="sendmsg_content"id="sendmsg_content"></textarea></li>
                        <li class="msgname_label1"><label>请输入的字符个数：9</label></li>
                    </ul>
                </p>
                <p>
                <button id="sendmsg_sd1" class="msgname_btn1">发送</button><button class="msgname_btn1">关闭</button>
                </p>
            </p>
        </p>
    </form>

1樓的情況也可能是導致你的錯誤原因，你的腳本一定要放在你操作的DOM對象的後面，不然會undefined

Answer 2

根據你的描述應該與你的 script 放置的位置有關，把 JS 腳本放到按鈕後面才能夠給按鈕綁定事件，估計你的腳本放在了中間的位置。

Answer 3

從你這個，只能進行一些猜測。
應該跟js程式碼放置的位置無關

可能性大一些的是你的層次結構有問題，出現了某個區域將button遮擋了，使得你的點擊是在該區域上，而不是在button上，這個你可以定位看一下。