Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
AddonSDK MouseOver Effect for Toolbar Buttons
const { browserWindows } = require("sdk/windows");
const { CustomizableUI } = require('resource:///modules/CustomizableUI.jsm');
const { viewFor } = require("sdk/view/core");
const { ActionButton } = require("sdk/ui/button/action");
var myButton = ActionButton({
id: "myButton",
label: "My Button",
icon: { "16": "./icon-16.png", "32":"./icon-32.png", "64": "./icon-64.png" },
onClick: function(state) {
console.log("My Button was clicked");
//create a mouseover effect for a control
exports.MouseOver = (whatbutton, whatwindow, whatfunction) =>{
CustomizableUI.getWidget( viewFor(whatbutton).id ).forWindow(whatwindow).node.addEventListener('mouseover', whatfunction, true);
function myMouseOverFunction(){
console.log("mousing over...");
//add events to the browser window
for(let w of browserWindows){
exports.MouseOver(myButton, viewFor(w), myMouseOverFunction); //add mouseover event to spatToggleButton
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment