☰

[YouTube] Auto add Text in ChatBox

Auto add Text in ChatBox.

当前为 2022-11-25 提交的版本，查看 最新版本。

此脚本不应直接安装。它是供其他脚本使用的外部库，要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/455302/1121194/%5BYouTube%5D%20Auto%20add%20Text%20in%20ChatBox.js 

// ==UserScript==
// @name         [YouTube] Auto add Text in ChatBox
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Auto add Text in ChatBox.
// @author       You
// @include        https://www.youtube.com/watch*
// @include        https://www.youtube.com/live_chat*
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant        none
// ==/UserScript==
const chat = document.querySelector("#input > #input")
addText("#")

chat.addEventListener("keyup", e => {

	if(e.key == "Enter"){
		//テキストボックスに指定した文字を追加。
		addText("#")
	}

})

/**
 *@Description 自動でチャットボックスにテキストを追加
*/
function addText(text){

		document.querySelector('#input').setAttribute("has-text" , "")
		chat.setAttribute("aria-invalid" , "")
		chat.textContent = text
		moveEndCaret(chat)

}

/**
 *@Description キャレットの位置を文末に変更
*/
function moveEndCaret(textBox){

	const selection = window.getSelection()
	const range = document.createRange()
	const offset = textBox.innerText.length
	range.setStart(textBox.firstChild, offset)
	range.setEnd(textBox.firstChild, offset)
	selection.removeAllRanges()
	selection.addRange(range)

}