☰

Greasy Fork is available in English.

Mouse Click Buttons for sploop.io

Adds left and right mouse click buttons to the top left corner of the sploop.io webpage.

Verze ze dne 09. 09. 2023. Zobrazit nejnovější verzi.

  1. // ==UserScript==
  2. // @name         Mouse Click Buttons for sploop.io
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0
  5. // @description  Adds left and right mouse click buttons to the top left corner of the sploop.io webpage.
  6. // @author       hayden422
  7. // @match        https://sploop.io/*
  8. // @grant        none
  9. // @license      MIT
  10. // ==/UserScript==
  11.  
  12. (function() {
  13.     'use strict';
  14.  
  15.     // Create a container div
  16.     const container = document.createElement('div');
  17.     container.style.position = 'fixed';
  18.     container.style.top = '0';
  19.     container.style.left = '0';
  20.     container.style.padding = '10px';
  21.     document.body.appendChild(container);
  22.  
  23.     // Create left mouse click button
  24.     const leftClickButton = document.createElement('button');
  25.     leftClickButton.textContent = 'LMB';
  26.     leftClickButton.style.padding = '10px 25px';
  27.     leftClickButton.style.backgroundColor = '#007bff';
  28.     leftClickButton.style.color = '#fff';
  29.     leftClickButton.style.border = 'none';
  30.     leftClickButton.style.cursor = 'pointer';
  31.     container.appendChild(leftClickButton);
  32.  
  33.     // Create right mouse click button
  34.     const rightClickButton = document.createElement('button');
  35.     rightClickButton.textContent = 'RMB';
  36.     rightClickButton.style.padding = '10px 25px';
  37.     rightClickButton.style.backgroundColor = '#dc3545';
  38.     rightClickButton.style.color = '#fff';
  39.     rightClickButton.style.border = 'none';
  40.     rightClickButton.style.cursor = 'pointer';
  41.     container.appendChild(rightClickButton);
  42.  
  43.     // Function to toggle button color
  44.     function toggleButtonColor(button) {
  45.         const originalColor = button.dataset.originalColor || '';
  46.         const currentColor = button.style.backgroundColor || '';
  47.  
  48.         if (originalColor && currentColor) {
  49.             button.style.backgroundColor = currentColor === originalColor ? '#f0f0f0' : originalColor;
  50.         } else {
  51.             button.dataset.originalColor = currentColor;
  52.             button.style.backgroundColor = '#f0f0f0';
  53.         }
  54.     }
  55.  
  56.     // Add mousedown event listeners to toggle button colors
  57.     document.addEventListener('mousedown', (event) => {
  58.         if (event.button === 0) { // Left mouse button (LMB)
  59.             toggleButtonColor(leftClickButton);
  60.         } else if (event.button === 2) { // Right mouse button (RMB)
  61.             toggleButtonColor(rightClickButton);
  62.         }
  63.     });
  64.  
  65.     // Add mouseup event listeners to reset button colors
  66.     document.addEventListener('mouseup', () => {
  67.         leftClickButton.style.backgroundColor = '#007bff';
  68.         rightClickButton.style.backgroundColor = '#dc3545';
  69.     });
  70. })();