把你的按钮放在
<p class="sendmsg_main">
外面试试，可能是被其他的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

根据你的描述应该与你的 script 放置的位置有关，把 JS 脚本放到按钮后面才能够给按钮绑定事件，估计你的脚本放在了中间的位置。

从你这个，只能进行一些猜测。
应该和js代码放置的位置无关

可能性大一些的是你的层次结构有问题，出现了某个区域将button遮挡了，使得你的点击是在该区域上，而不是在button上，这个你可以定位看一下。