Javascript 如何在HTML5画布上跟踪可点击元素

我正在创建一个编辑器，其中我使用了kinetic js。在我的编辑器中有可拖动的动态文本，但在编辑文本的情况下，我需要在画布上获取单个文本的click元素，以便当用户单击文本时，我可以跟踪并编辑该文本

这是剧本

   var stage = new Kinetic.Stage({
   container: 'editor',
   width: 600,
   height: 600
   });
   var boxLayer = new Kinetic.Layer();
   var rectX = 0;
   var rectY = 0;

   stage.add(boxLayer);


       function add_text() {
          alert('test');
               var complexText1 = new Kinetic.Text({
               x: 25,
               y: 25,
               text: 'Designer',
               fontSize: 18,
               fontFamily: 'Calibri',
               fill: '#555',
               width: 150,
               padding: 20,
               align: 'center',

               draggable: true
               });
               boxLayer.add(complexText1);
               boxLayer.draw();

                complexText1.destroy();
               complexText1.on('mouseover', function() {
               this.fill('orange');
               });
       }

---

还有user

complexText1.destroy（）之后，此可拖动函数不起作用。我是canvas editor的新手，因此需要帮助来创建它，任何关于这方面的帮助都将是可观的。
@oGeez我没有把这个放进去，它是由其中一个编辑器编辑的。你知道答案吗？请帮助meSorry…KineticJS没有文本编辑器。@markE我正在创建一个T恤编辑器，我需要在其中放置动态文本，dragableKineticJS文本可以拖动，但KineticJS文本不能由用户直接编辑（无文字处理功能）。您可以通过编程方式更改文本：yourText.text（“这将是您的新文本”）；