Highlight Table Row on Click

Highlight Table Row on Mouse Click

目前為 2014-05-18 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name          Highlight Table Row on Click
// @description   Highlight Table Row on Mouse Click
// @include       http*://*
// @version       1.0
// @namespace     script
// ==/UserScript==

var trs = document.getElementsByTagName('tr');
var cached_bg = new Array();

var trs = document.getElementsByTagName('tr');
	for (var i = trs.length - 1; i >= 0; i--) {
		var elmRow = trs[i];
		cached_bg[i] = elmRow.style.backgroundColor;
		elmRow.addEventListener('click', function() {
			remove_highlight();
			this.style.backgroundColor = '#fcc';
		}, true);
	}

function remove_highlight(){
	var trs = document.getElementsByTagName('tr');
	for(var i = trs.length - 1; i >- 0; i--){
		trs[i].style.backgroundColor = cached_bg[i];
	}
}