javascript - 界面上有多个按钮,单击任意一个按钮都是都是弹出一个提示框,如何区分单击的是哪个按钮出现哪个属于自己的提示框呢呢?
巴扎黑
巴扎黑 2017-06-12 09:30:51
0
5
1049

界面上有很多的按钮 现在鼠标移入显示提示框 移出消失 怎么判断是哪个按钮的移入移除事件。
在wheelmenu.js环形菜单的基础上可以直接写吗?

巴扎黑
巴扎黑

全部回复(5)
过去多啦不再A梦

说实话我没看懂你到底是想问什么,一般来讲判断目标元素的方法常用的有两种:

一种是给每个按钮都绑定一个事件,这样每个相应事件对应的元素都是相对的。

第二种是通过事件委托来实现,通过e.target来确定具体是哪个按钮触发。

还有一种是像在canvas里这样的情况下,由于无法对canvas里的每个对象是否触发事件进行直接获取,你需要用观察者模式来判断鼠标位置是否在某个对象内部,至于检测是否在多边形内部的方法可以用射线法。

洪涛

事件委托。根据e.terget来判断。或者用观察者模式,把独有的值当参数

学霸

一般的插件都会有callback函数,假如有,你可以重构callback
对每个btn委托click事件,从而判断是那个btn

巴扎黑

委托

把事件写在一个容器里面,如p

<p id="pButtons">
    <p>
        //这里面放你的按钮些
    </p>
</p>
//写移动事件,把事件写在外层容器,不用考虑异步加载的问题
$('#pButtons').mousemove(function(e){
    e=e||window.event;
    //该对象为鼠标移动的时候,拿到的节点
    var target=e.target||e.srcElement;
    //判断该节点是否为按钮,节点名为大写
    if(target.nodeName=='BUTTON'){
        //$(target)就可以操作这个鼠标所在的按钮
    }
});
过去多啦不再A梦

事件委托 evt.target

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!