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

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”的方法。

Answer 2

我找到了我的问题的答案：

   this.clickIcon = function(event){
      if (event.button == 0)
      {
        //left button is clicked.
      var item = document.getElementById("inlinetrans-status-bar");
        if(item.getAttribute("status") == "enabled"){
          item.setAttribute("status", "disabled");
          item.setAttribute("image", "chrome://inlinetrans/skin/imagesOff.png");
      }
      else{
          item.setAttribute("status", "enabled");
          item.setAttribute("image", "chrome://inlinetrans/skin/imagesOn.png");
      }
      }
   }