【ECharts】maChart.on()点击一次事件调用多次问题解决

news/2024/7/11 1:44:37 标签: echarts, javascript, jquery

一、maChart.off()解绑

myChart.off('click').on('click', function (params) {});

javascript">// 解决点击事件调用n次的问题
	// 1、清除画布
	myChart.clear()
	// 2、调用setOption
	myChart.setOption(option)
	///3、在渲染点击事件之前先清除点击事件
	myChart.off('click')
	// triggerEvent为true时,触发点击事件
	myChart.on('click', function (params) {
	    // console.log(params)
	    if (params.value === '订单') {
	        console.log(params.value)
	    }
	})      

jqueryon_19">二、jquery使用on()方法绑定的事件被执行多次的问题

jQuery用on()方法绑定了事件之后,在代码执行过程中,可能会遇到事件被多次执行的情况。
本来以为是事件冒泡的问题,后来发现是on()方法的特性引起的问题。

1.使用off()方法解绑。

javascript">$('#noEmotionBtn').off('click').on('click', function () {
    alert('我是一个莫得感情的按钮');
});

2.使用unbind()方法解绑。

javascript">$('#noEmotionBtn').unbind('click').on('click', function () {
    alert('我是一个莫得感情的按钮');
});

https://blog.csdn.net/yqwang75457/article/details/83008200
https://blog.csdn.net/Sophiego/article/details/93593171
https://www.cnblogs.com/yanggb/p/11345188.html
https://www.cnblogs.com/niepan/p/9297731.html


http://www.niftyadmin.cn/n/736352.html

相关文章

【JS】回调函数/事件回调的使用

1. 什么是回调函数?作用是什么? 在 JavaScript 中,函数是对象。因此,函数可以将函数作为参数,并且可以由其他函数返回。执行此操作的函数称为高阶函数。任何作为参数传递的函数都称为回调函数。回调函数就是一个被作为…

【C语言】VSCode配置C语言开发环境(详细图文)

1. 安装VSCode VSCode的官网、下载、安装,我就不多说了。VSCode只是一个纯文本编辑器(editor),不是IDE(集成开发环境),不含编译器(compiler)和许多其它功能,所以编译器需要自己手动安装。 2.下载编译器 MinGW-w64 - for 32 and…

github在线预览总结

最近在使用 vue-cli 脚手架工具构建自己的第一个 vue 项目,有点小激动,想把它上传到 github 并展示一下预览效果,结果踩了好多坑,折腾了大半天才弄好。 这里假设你也是和我一样使用了 vue-cli 搭建了自己的项目,并且项…

【JS】js中!和!!的区别与用法

! 可将变量转换成boolean类型,null、undefined和空字符串取反都为true,其余都为false !null true !undefined true ! true !100 false !abc false!! 常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算&am…

github项目预览中遇到的问题

场景:github上准备展示vue打包的项目,做预览的功能,首先创建了分支,se-page,然后成功将dist文件上传到了se-page分支中,但是,在Settings的时候,发现 并没有gh-page这个分支&#xf…

HTML语义化总结

今天正好看到一个经典面试题『HTML语义化是什么意思?』,心想正好在梳理HTML知识,为了不心虚,遂想写一篇博客来尝试说清楚语义化。 随着资料越看越多,最后终于翻墙看到W3C对标签的定义,越发觉得人类的语言是…

【Angular/TS】一文弄懂安全导航操作符(?.)、非空断言操作符/可选链(?.) 、空值合并运算符

一文弄懂安全导航操作符、非空断言操作符一、?. angular中的安全导航符(可选链)举例二、!. ts中的非空断言操作符举例小总结三、?: ts中的可选参数四、?? ts中的空值合并运算符非空判断五、!! 强制转化为bool值一、?. angular中的安全导航符&#x…

cookie,session,token总结

发展史 1、很久很久以前,Web 基本上就是文档的浏览而已, 既然是浏览,作为服务器, 不需要记录谁在某一段时间里都浏览了什么文档,每次请求都是一个新的HTTP协议, 就是请求加响应, 尤其是我不用记…