精华内容
下载资源
问答
  • label点击
    千次阅读
    2018-08-28 20:46:02

    当我们同时为Marker和Map添加click事件后,会发现点击Marker时,不仅触发了Marker的click事件,Map的click事件也会同时被触发。实际上点击地图上的任何覆盖物都会传递到Map,这是因为API会将事件向上传递。那么如何区分呢?在Map的click事件中的事件参数e包含了一个名为overlay的属性,当我们点击地图上的Marker时,e.overlay为一个Marker对象;当我们点击地图上的Label时,e.overlay为一个Label对象;而当我们单单点击地图时,e.overlay则为null。因此我们可以在事件函数中通过判断e.overlay是否存在以及为何种对象来加以区分。

    更多相关内容
  • echarts-tree label点击事件

    千次阅读 热门讨论 2021-01-04 21:47:58
    最近有个需求,在echarts tree中点击圆点展开节点,点击文字弹出明细信息,通过event.target.culling来区分是点击圆点还是文字。 myChart.on('click', function (params) { if(params.event.target.culling === ...

    最近有个需求,在echarts tree中点击圆点展开节点,点击文字弹出明细信息,通过event.target.culling来区分是点击圆点还是文字。

     myChart.on('click', function (params) {
            if(params.event.target.culling === true){
                alert("点击了节点");
            } else if(params.event.target.culling === false){
                alert("点击了label");
            }
     });      
    

    不知道这字段什么意思,文档也没查到,自测好像没什么问题。

    附上完整代码,可以保存html直接打开

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script crossorigin="anonymous" integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g==" src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>
        <script crossorigin="anonymous" integrity="sha512-Rw7ABPI0CoYquQZEa2QMaeMR5q5XESMNp4uGOsXPzU9JnvWW6S27+pz8fAjVlL7/kq6Q12MtGVcPkJya2blqAg==" src="https://lib.baomitu.com/echarts/5.2.0/echarts.js"></script>
    </head>
    <body>
    <div id="main" style="height: 600px;width: 1000px;margin: 0 auto"></div>
    <script>
        var chartDom = document.getElementById('main');
        var myChart = echarts.init(chartDom);
        var data = {
            "name": "animate",
            "children": [
                {"name": "Easing", "value": 17010},
                {"name": "FunctionSequence", "value": 5842},
                {
                    "name": "interpolate",
                    "children": [
                        {"name": "ArrayInterpolator", "value": 1983},
                        {"name": "ColorInterpolator", "value": 2047},
                        {"name": "DateInterpolator", "value": 1375},
                        {"name": "Interpolator", "value": 8746},
                        {"name": "MatrixInterpolator", "value": 2202},
                        {"name": "NumberInterpolator", "value": 1382},
                        {"name": "ObjectInterpolator", "value": 1629},
                        {"name": "PointInterpolator", "value": 1675},
                        {"name": "RectangleInterpolator", "value": 2042}
                    ]
                },
                {"name": "ISchedulable", "value": 1041},
                {"name": "Parallel", "children": [
                    {"name": "BetweennessCentrality", "children": [
                            {"name": "BetweennessCentrality", "value": 3534},
                            {"name": "LinkDistance", "value": 5731},
                            {"name": "MaxFlowMinCut", "value": 7840},
                            {"name": "ShortestPaths", "value": 5914},
                            {"name": "SpanningTree", "value": 3416}
                        ]},
                    {"name": "LinkDistance", "value": 5731},
                    {"name": "MaxFlowMinCut", "value": 7840},
                    {"name": "ShortestPaths", "value": 5914},
                    {"name": "SpanningTree", "value": 3416}
                ]},
                {"name": "Pause", "value": 449},
            ]
        }
        var option = {
            tooltip: {
                trigger: 'item',
                triggerOn: 'mousemove'
            },
            series: [
                {
                    type: 'tree',
                    data: [data],
                    top: '1%',
                    left: '7%',
                    bottom: '1%',
                    right: '20%',
                    symbolSize: 12,
                    label: {
                        position: 'left',
                        verticalAlign: 'middle',
                        align: 'right',
                        fontSize: 10
                    },
                    leaves: {
                        label: {
                            position: 'right',
                            verticalAlign: 'middle',
                            align: 'left'
                        }
                    },
                    /*emphasis: {
                        focus: 'descendant'
                    },*/
                    initialTreeDepth: 1,
                    expandAndCollapse: true,
                    animationDuration: 550,
                    animationDurationUpdate: 750
                }
            ]
        }
        myChart.setOption(option, true);
        myChart.on('mousedown', function(e) {
            const name = e.data.name;
            const curNode = myChart._chartsViews[0]._data.tree._nodes.filter(function(item) {
                return item.name === name;
            });
            if(curNode[0].depth){
                const depth = curNode[0].depth;
                const curIsExpand = curNode[0].isExpand;
                myChart._chartsViews[0]._data.tree._nodes.forEach(function(item) {
                    if (e.event.target.culling === true) {
                        //点击节点展开下一级,同时收缩同级节点
                        if (item.depth === depth && item.name !== name && !curIsExpand) {
                            item.isExpand = false;
                        }
                    } else if (e.event.target.culling === false) {
                        //点击标签阻止默认节点展开事件
                        if (item.depth === depth) {
                            if (item.name === name) {
                                item.isExpand = true;
                            } else {
                                item.isExpand = false;
                            }
                        }
                    }
                });
            }
        })
        myChart.on('click', function (params) {
            if(params.event.target.culling === true){
                // alert("点击了节点");
                //点击了节点,但是啥也不干
            } else if(params.event.target.culling === false){
                alert("点击了label");
            }
        });
    </script>
    </body>
    </html>
    
    展开全文
  • pythonQt4 label点击,触发响应

    千次阅读 2018-03-09 20:17:52
    我们都知道button点击,可以触发响应事件,其实label也有点击事件,pyqt4的api帮助文档并没有给出,下面我们通过重载label的mousePressEvent事件来实现下面是完整的实例代码:#-*- coding:utf-8 -*- #pyqt4 label ...

    我们都知道button点击,可以触发响应事件,其实label也有点击事件,pyqt4的api帮助文档并没有给出,下面我们通过重载label的mousePressEvent事件来实现


    下面是完整的实例代码:

    #-*- coding:utf-8 -*-
    #pyqt4 label 控件设置label图标,获取点击事件
    ####label本身是没有点击功能的,因此我们需要将其重载,重载,我们也可以给他加上别的功能
    from PyQt4.QtCore import *
    from PyQt4.QtGui import *
    import sys
    
    try:
        _encoding = QApplication.UnicodeUTF8
        def _translate(context, text, disambig):
            return QApplication.translate(context, text, disambig, _encoding)
    except AttributeError:
        def _translate(context, text, disambig):
            return QApplication.translate(context, text, disambig)
    
    class myLabel(QLabel):
        def __init__(self,parent = None):
            super(myLabel,self).__init__(parent)
    
        def mousePressEvent(self, e):##重载一下鼠标点击事件
            print "you clicked the label"
    
        def mouseReleaseEvent(self, QMouseEvent):
            print 'you have release the mouse'
    
    class MyWindow(QDialog,QWidget):
        def __init__(self,parent = None):
            super(MyWindow,self).__init__(parent)
            self.resize(400,400)
            self.mainlayout = QGridLayout(self)
            self.myLabelEx = myLabel()
            self.myLabelEx.setText(_translate("Form", "点我试试", None))
    
            self.mainlayout.addWidget(self.myLabelEx)
    
            self.myLabelEx.setToolTip(_translate("MainWindow", "", None))
    
    
    
    app=QApplication(sys.argv)
    window=MyWindow()
    window.show()
    app.exec_()


    参考自:点击打开链接


    展开全文
  • 主要介绍了jquery实现点击label的同时触发文本框点击事件的方法,涉及jQuery鼠标事件及页面元素操作的技巧,需要的朋友可以参考下
  • # PyQt5 QLabel实现自定义鼠标点击事件 1. 继承QLabel类并重定义鼠标点击事件mousePressEvent; 2. 鼠标点击获取光标在标签内的坐标,显示在标签上; 3. 多个标签使用QGridLayout布局。
  • echars饼图如何给label绑定点击事件?

    千次阅读 2020-12-21 23:25:12
    chart.on('click', function (params) {...} 打出params你能发现dataType是undefined层级为componentType:"series" ->... dataType: undefined即使你使用chart.on('click', 'series.pie.label', function (...

    chart.on('click', function (params) {...} 打出params你能发现dataType是undefined

    层级为componentType:"series" -> seriesType: "pie" -> dataType: undefined

    即使你使用chart.on('click', 'series.pie.label', function () {...});

    当你点击label的时候会触发,但是点击面板一样会触发,因为只到了seriesType,没有dataType

    给你个demo

    var myChart = echarts.init(document.getElementById('main'));

    var option = {

    title: {

    text: '某站点用户访问来源',

    subtext: '纯属虚构',

    x: 'center'

    },

    tooltip: {

    trigger: 'item',

    formatter: "{a}
    {b} : {c} ({d}%)"

    },

    legend: {

    orient: 'vertical',

    left: 'left',

    data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']

    },

    series: [

    {

    name: '访问来源',

    type: 'pie',

    radius: '55%',

    center: ['50%', '60%'],

    data: [

    { value: 335, name: '直接访问' },

    { value: 310, name: '邮件营销' },

    { value: 234, name: '联盟广告' },

    { value: 135, name: '视频广告' },

    { value: 1548, name: '搜索引擎' }

    ],

    label: {

    show: true

    },

    itemStyle: {

    emphasis: {

    shadowBlur: 10,

    shadowOffsetX: 0,

    shadowColor: 'rgba(0, 0, 0, 0.5)'

    }

    }

    }

    ]

    };

    myChart.setOption(option);

    myChart.on('click', 'series.pie.label', function () {

    console.log('click');

    });

    展开全文
  • Label像Button一样可以点击

    千次阅读 2020-11-25 03:43:08
    tkinter库的Label控件没有command参数,不能像Button一样,响应鼠标左键的点击。不过,我们可以通过bind绑定事件的方式,让Label控件也能像Button一样,对鼠标的点击有反应。有的时候我们需要这样做,因为Label和...
  • marker.setLabel({ offset: new AMap.Pixel(-5, -2), content: `<div class="info" οnclick="func1('${this.infos[i].infoName}')">${this.Infos[i].infoName}</div>`, direction: 'right' }); 注....
  • 解决label点击事件触发两次问题

    千次阅读 2018-11-13 18:01:55
    通常,为了用户体验,我们点击单选框或者复选框后面文字,即可选中当前项。代码如下: &lt;label&gt; &lt;input type="radio" name="sex" /&gt;男 &lt;/label&gt; &...
  • 需求要点击Echart处理事件,通过myChart.on可实现,但只能点击柱状图才能触发,点击label(即:坐标文本)无法触发;通过myChart.getZr().on可全局监听Echart图,但无法准确的获取当前点击柱状的index;由此见下文 ...
  • %--我们只要保证复选框的id和label标签的for属性名称保持一致,这样点击文字的时候,复选框就会选中--%> <input type="checkbox" id="chk"><label for="chk">guest</label> 但是项目中遇到复...
  • iOS 给 label 添加点击事件
  • label class=&quot;img1&quot;&amp;gt; &amp;lt;div id=&quot;fileList1&quot; class=&quot;fileLists&quot;&amp;gt; &amp;lt;img src=&quot;/template/mobile/new...
  • 话不多说,直接上代码: ... var label = []; //label数组 var marker = []; //marker数组 $.each(data, function(index,value){ var myIcon = new BMap.Icon("https://api.map.baidu.com/im...
  • 如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同 实例1: 复制代码代码如下...
  • 使用label标签实现点击文字相应文本框获取焦点 应用实例 具体用法 label标签的定义: label标签的作用: 代码示例 简要文字说明: 使用label标签实现点击文字相应文本框获取焦点 点击文字,就可以选中单选框...
  • 点击label的时候不取消复选框的状态 实现 将change事件改为click事件 <div class="grid-content bg-purple"> <div class="grid-content bg-purple"> <el-checkbo...
  • echarts 添加自定义label标签

    千次阅读 2021-02-01 02:38:51
    '#047ad7',] }, }, geo: { map: '山东', label: { emphasis: { show: false } }, itemStyle: { normal: { areaColor: '#83caf5', borderColor: '#fff', }, emphasis: { areaColor: '#aed6f2', } }, regions: [{ //...
  • 原文出处:https://blog.csdn.net/weixin_43798490/article/details/84672740label的属性for就是要触发的Input ...label for="file" class="img1"> <div id="fileList1" class="fileLists"> <img src=...
  • echarts添加点击事件

    千次阅读 2021-02-01 02:38:51
    { category : 0, name : '属性1', value : 6, label : '宝马X1' }, { category : 0, name : '属性2', value : 6, label : '宝马X5' }, { category : 0, name : '属性3', value : 6, label : '宝马3系' }, { ...
  • 我们会用到label和input标签嵌套,点击label的时候,事件冒泡一次,同时会触发关联的input的click事件,导致事件再次冒泡,以至于自定义的复选框达不到我们想要的效果。 解决办法: 判断事件来源,如果...
  • pyqt4 label点击事件,label贴图

    千次阅读 2016-04-29 15:55:37
    #pyqt4 label 控件设置label图标,获取点击事件 ####label本身是没有点击功能的,因此我们需要将其重载,重载,我们也可以给他加上别的功能 from PyQt4.QtCore import * from PyQt4.QtGui import * import sys ######...
  • 为了让标签更加语义化,在表单项中,我们往往会使用label进行包裹 <label for=label-input> ...如上图所示,只是希望点击input项才产生效果,但点击label标签内的其他空区域就触发了(注意到点击b
  • Echarts柱状图在label上添加点击事件

    万次阅读 2017-07-17 10:37:41
    在如图所示纵坐标添加点击事件,跳转到其他页面 方法: (1)定义点击事件 var ecConfig = echarts.config.EVENT;myChart.on(ecConfig.CLICK, eConsole);(2)设置对应坐标的点击位置 clickable:true即可 yAxis: ...
  • 下面小编就为大家带来一篇浅谈jquery点击label触发2次的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 本来的目的是点击“全部游戏包”的时候,下面所有的游戏包都被选中。但是会发现,上面大区域里的空白地方也可以点击,使得所有checkbox选中或者取消全选。这个原因我查了几个小时、冒泡呀,click事件的写法啊(因为...
  • label标签引起的双重事件
  • 在IE8及以下版本时,点击label标签无法自动触发checkbox的click事件,导致无法产生希望的效果。  原HTML代码: <label><input type=checkbox id=chk_sqjc value=申请检查 name=menu class=cbr cbr-blue>...
  • 找了很久,想实现点击echarts生成的饼图的点击事件,用的比较旧的版本是17年的,发现这个网站:...监听点击事件: 试了其他博友的方式都没用,这个是最简单的方式了.// 处理点击事件并且跳转到相应的百度搜索...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 252,548
精华内容 101,019
关键字:

label点击