javascript - 为什么我的状态栏上的图标在不同模式下无法更改？

Question

我想问为什么我的状态栏中的图标在单击图标时没有改变，而在关闭模式下单击图标时它应该改变。

<statusbar id="status-bar">
      <statusbarpanel id="inlinetrans-status-bar"
      context="inlinetransContextMenu"
      onclick="overlay.clickIcon(event)">
         <image id="inlinetransIcon" tooltip="inlinetrans versi 1.0" value="on" />
         <label value="inlinetrans" />
      </statusbarpanel>
   </statusbar>

这是我的状态栏的处理程序代码

this.toggle = function(value){

     var icon = document.getElementById("inlinetransIcon");

     icon.setAttribute("value", value);

     this.status = "enable";

     if (icon.value == "on")
     {
         icon.value = "off";
         this.status = "disable";
      }
      else {

       icon.value = "on";
       this.status ="enable";

      }

     }

编辑:

this.clickIcon = function(event){
      if (event.button == 0)
      {
        //left button is clicked.
       this.toggle(value);
      }
   }

谢谢你的帮助..

Answer 1

您确定您的事件处理程序已被触发吗？

onclick 处理程序调用函数“overlay.clickIcon(...)”，而您的 javascript 定义一个名为“toggle”的方法。