cytube_chatline_buttons

cytubeのチャット入力欄に送信ボタンとクリアボタンを追加
当前为 2020-07-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         cytube_chatline_buttons
// @namespace    https://cytube.xyz/
// @version      2.1
// @description  cytubeのチャット入力欄に送信ボタンとクリアボタンを追加
// @author       utubo
// @match        *://cytube.xyz/*
// @grant        none
// ==/UserScript==

(function() {
  var backup = '';
  var position = 0;
  var chatline = document.getElementById('chatline');
  var sheet = window.document.styleSheets[0];
  sheet.insertRule(".chatline-btn { position:absolute; bottom:8px; opacity:.5; transition: .2s}", sheet.cssRules.length);
  sheet.insertRule(".chatline-btn:hover { opacity:1; }", sheet.cssRules.length);
  var makeBtn = (id, glyphicon, onclick) => {
    position += 30;
    var btn = document.getElementById(id);
    if (btn) btn.remove();
    btn = document.createElement('DIV');
    btn.id = id;
    btn.className = 'chatline-btn';
    btn.style.right = position + 'px';
    var icon = document.createElement('SPAN');
    icon.className = 'glyphicon ' + glyphicon;
    btn.appendChild(icon);
    chatline.parentElement.insertBefore(btn, chatline.nextSibiling);
    btn.addEventListener('click', onclick);
  }
  makeBtn('chatlineClearBtn', 'glyphicon-remove', e => {
    backup = chatline.value || backup;
    chatline.value = chatline.value ? '' : backup;
    chatline.focus();
  });
  makeBtn('chatlineSendBtn', 'glyphicon-send', e => {(window.unsafeWindow || window).eval(`
    var evt = $.Event('keydown');
    evt.keyCode = 13;
    $('#chatline').trigger(evt);
  `);});
  chatline.style.paddingRight = position + 'px';
})();