有两个函数都绑定了鼠标左键事件，冲突怎样解决？

Question

两个函数分别绘制两个不一样的图形，通过绑定鼠标左键来实现。现在两个函数会同时进行，怎样解决？

Answer 1

<button id="drawCircle">画圆</button><button id="drawSphere">画球</button>

// 需要 jQuery$("#drawCircle").on("click", function() { 画圆的代码 });
$("#drawSphere").on("click", function() { 画球的代码 });

// 不用 jQuerydocument.getElementById("drawCircle").addEventListener("click", ...);
document.getElementById("drawSphere").addEventListener("click", ...);