☰

remove the posts which make you sick

移除贴吧讨厌鬼的帖子

目前为 2015-07-05 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name	remove the posts which make you sick
  3. // @author	burningall
  4. // @description	移除贴吧讨厌鬼的帖子
  5. // @version     2015.7.5.3.0
  6. // @include		*tieba.baidu.com/p/*
  7. // @include		*tieba.baidu.com/*
  8. // @include		*tieba.baidu.com/f?*
  9. // @grant       GM_addStyle
  10. // @grant       GM_getValue
  11. // @grant       GM_setValue
  12. // @grant		GM_listValues
  13. // @grant		GM_deleteValue
  14. // @compatible  firefox  性能稍微不足
  15. // @compatible  chrome  推荐
  16. // @license     The MIT License (MIT); http://opensource.org/licenses/MIT
  17. // @supportURL		http://www.burningall.com
  18. // @contributionURL	troy450409405@gmail.com|alipay.com
  19. // @namespace https://gf.qytechs.cn/zh-CN/users/3400-axetroy
  20. // ==/UserScript==
  21.  
  22. //============快捷键==========
  23. //【Ctrl】+【F3】-----调出控制面板
  24. //============样式区==========
  25. var style='\
  26. 	body{\
  27. 		-webkit-backface-visibility: hidden;\
  28. 	}\
  29. 	/*给body添加滤镜*/\
  30. 	.blur{\
  31. 		-webkit-filter: blur(5px) grayscale();\
  32. 		-moz-filter: blur(5px) grayscale();\
  33. 		-o-filter: blur(5px) grayscale();\
  34. 		-ms-filter: blur(5px) grayscale();\
  35. 		filter: blur(5px) grayscale();\
  36. 	}\
  37. 	#pannal-troy{\
  38. 		width:200px;\
  39. 		height:auto;\
  40. 		background:#303030;\
  41. 		color:#fff;\
  42. 		position:fixed;\
  43. 		z-index:1000000000;\
  44. 		text-align:center;\
  45. 	}\
  46. 	#pannal-troy>div{\
  47. 		margin:10px 0;\
  48. 	}\
  49. 	#pannal-troy input{\
  50. 		color:#3e3e3e;\
  51. 	}\
  52. 	#pannal-troy h3{\
  53. 		color:rgb(0, 255, 226);\
  54. 	}\
  55. 	#pannal-setting input[type=range]{\
  56. 		width:80%;\
  57. 	}\
  58. 	#fn input{\
  59. 		padding:5px;\
  60. 		margin:0 5px;\
  61. 		border:none;\
  62. 		cursor:pointer;\
  63. 	}\
  64. 	#fn input:hover{\
  65. 		background:#2A959D;\
  66. 		color:#fff;\
  67. 	}\
  68. 	#pannal-troy>span{\
  69. 		position:absolute;\
  70. 		padding:0 10px;\
  71. 		top:0;\
  72. 		right:0;\
  73. 		cursor:pointer;\
  74. 		opacity:0.8;\
  75. 		background:#fff;\
  76. 		color:#303030;\
  77. 	}\
  78. 	#blockWay{\
  79. 		color:#3e3e3e;\
  80. 		border:none;\
  81. 	}\
  82. 	/*控制面板遮罩层*/\
  83. 	#mars{\
  84. 		position:fixed;\
  85. 		width:100%;\
  86. 		height:100%;\
  87. 		background:rgba(155, 155, 155,0.5);\
  88. 		top:0;\
  89. 		left:0;\
  90. 		z-index:999999999;\
  91. 	}\
  92. 	/*屏蔽模板遮罩层*/\
  93. 	.mar{\
  94. 		position:absolute;\
  95. 		top:0;\
  96. 		left:0;\
  97. 		z-index:999999998;\
  98. 		-webkit-backface-visibility：hidden;\
  99. 	}\
  100. 	#showList{\
  101. 		position:relative;\
  102. 		overflow-y:auto;\
  103. 		overflow-x:hidden;\
  104. 		width:100%;\
  105. 		height:93%;\
  106. 	}\
  107. 	#list{\
  108. 		position:absolute;\
  109. 		width:0;\
  110. 		height:20px;\
  111. 		top:-10px;\
  112. 		left:200px;\
  113. 		background:#303030;\
  114. 		overflow:hidden;\
  115. 	}\
  116. 	#showList>li{\
  117. 		width:100%;\
  118. 		height:18px;\
  119. 		clear:both;\
  120. 		margin:10px 0;\
  121. 		cursor:pointer;\
  122. 	}\
  123. 	#showList>li:hover{\
  124. 		background-color:#54A19E;\
  125. 		color:#303030;\
  126. 	}\
  127. 	.key{\
  128. 		float:left;\
  129. 		clear:both;\
  130. 		margin-left:10px;\
  131. 		width:120px;\
  132. 		text-align:left;\
  133. 		overflow:hidden;\
  134. 		text-overflow:ellipsis;\
  135. 		white-space:nowrap;\
  136. 	}\
  137. 	.col{\
  138. 		border:none;\
  139. 	}\
  140. 	.deletThis{\
  141. 		float:right;\
  142. 		cursor:pointer;\
  143. 		margin-right:10px;\
  144. 		padding:0 5px;\
  145. 		border:0;\
  146. 		height:18px;\
  147. 	}\
  148. 	.disable-btn{\
  149. 		background:#6B6B6B;\
  150. 		cursor:not-allowed;\
  151. 	}\
  152. 	#addBlackList input{\
  153. 		width:80%;\
  154. 	}\
  155. 	/*userName列表*/\
  156. 	#thread_list>li[data-field] .threadlist_lz>.threadlist_author,.l_post .d_name{\
  157. 		background:#303030;\
  158. 		cursor:pointer;\
  159. 	}\
  160. 	#sear{\
  161. 		position:relative;\
  162. 		margin:0 auto;\
  163. 		text-align:center;\
  164. 		height:21px;\
  165. 		width:100%;\
  166. 		border:none;\
  167. 	}\
  168. 	.confirm-div{\
  169. 		width:100%;\
  170. 		height:0;\
  171. 		text-align:center;\
  172. 		background:#303030;\
  173. 		overflow:hidden;\
  174. 	}\
  175. 	.confirm-div input{\
  176. 		margin:10px 5px;\
  177. 		padding:4px 10px;\
  178. 		border:none;\
  179. 		cursor:pointer;\
  180. 	}\
  181. 	.confirm-div p{\
  182. 		color:#37A69E;\
  183. 		letter-spacing:10px;\
  184. 	}\
  185. 	';
  186. GM_addStyle(style);
  187. //============公共函数区==========
  188. function hasClass(obj,cName) {
  189. 	// ( \\s|^ ) 判断前面是否有空格 （\\s | $ ）判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 
  190. 	return !! obj.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); 
  191. };
  192. function addClass(obj, cName) {
  193. 	if (!hasClass(obj, cName)) {
  194. 		obj.className += " " + cName;
  195. 	};
  196. };
  197. function removeClass(obj, cName) {
  198. 	if (hasClass(obj, cName)) {
  199. 		obj.className = obj.className.replace(new RegExp("(\\s|^)" + cName + "(\\s|$)"), " "); // replace方法是替换 
  200. 	};
  201. };
  202. function addEvent(obj, event, fn) {
  203. 	return obj.addEventListener ? obj.addEventListener(event, fn, false) : obj.attachEventListener('on' + event, fn);
  204. };
  205. function getStyle(obj, attr) {
  206. 	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj)[attr];
  207. };
  208. function $(id) {
  209. 		return document.getElementById(id)
  210. };
  211. function getSize(attr){
  212. 	return document.documentElement[attr] ? document.documentElement[attr] : document.body[attr]
  213. } 
  214. function insertAfter(newElement, targetElement) {
  215.     var parent = targetElement.parentNode;
  216.     if (parent.lastChild == targetElement) { 
  217.         parent.appendChild(newElement);
  218.     } else {
  219.         parent.insertBefore(newElement, targetElement.nextSibling); 
  220.     }
  221. }
  222. function doMove(obj, attr, dir, target, endFn) {
  223. 	dir = parseInt(getStyle(obj, attr)) < target ? dir: -dir; //对于方向矫正
  224. 	clearInterval(obj.timerMove) //清楚定时器
  225. 	obj.timerMove = setInterval(function() {
  226. 		var speed = parseInt(getStyle(obj, attr)) + dir //步长
  227. 		if (speed > target && dir > 0 || speed < target && dir < 0) { //判断往前或往后
  228. 			speed = target;
  229. 		};
  230. 		obj.style[attr] = speed + "px" //赋值
  231. 		if (speed == target) {
  232. 			clearInterval(obj.timerMove);
  233. 			endFn && endFn(); //回掉函数
  234. 		};
  235. 	},
  236. 	30)
  237. };
  238. function uniqueArray(data){  
  239.    data = data || [];  
  240.    var a = {};  
  241.    for (var i=0; i<data.length; i++) {  
  242. 	   var v = data[i];  
  243. 	   if (typeof(a[v]) == 'undefined'){  
  244. 			a[v] = 1;  
  245. 	   }  
  246.    };  
  247.    data.length=0;  
  248.    for (var i in a){  
  249. 		data[data.length] = i;  
  250.    }  
  251.    return data;  
  252. }
  253. //============主要代码区==========
  254. //判断当前url
  255. function juggUrl(){
  256. 	var url=location.href;
  257. 	var postIn=/.*tieba.baidu.com\/p\/.*/ig;
  258. 	var postList=/.*tieba.baidu.com\/(f\?.*|[^p])/ig;
  259. 	if( postIn.test(url) ){//如果是帖子内
  260. 			return 1;
  261. 		}else if( postList.test(url) ){//如果在帖子列表
  262. 			return 2;
  263. 			}
  264. }
  265. //生成屏蔽列表
  266. function createList(){
  267. 	$('showList').innerHTML='';
  268. 	var li='';
  269. 	for(var i=0;i<GM_listValues().length;i++){
  270. 		//控制台输出		键名：键值
  271. 		var key = GM_listValues()[i];
  272. 		var value = GM_getValue( GM_listValues()[i],'');
  273. 		if( (typeof value =='number' && value>1000) || value==''){
  274. 			//console.log( GM_listValues()[i] + ":" + GM_getValue(GM_listValues()[i],'') );
  275. 			li += '<li class="show_list" data="'+ key +'">'+'<span class="key">'+key+'</span>'+'<input class="deletThis" type="button" value="删除"/>'+'</li>';
  276. 		}//if
  277. 	}//for
  278. 	$('showList').innerHTML=li;
  279. 	var aDeleBtn=document.querySelectorAll('.deletThis');
  280. 	for(var i=0;i<aDeleBtn.length;i++){
  281. 		aDeleBtn[i].onclick=function(){
  282. 			var thisKey = this.parentNode.getAttribute('data');//获取当前结点的key
  283. 			GM_deleteValue( thisKey );//删除变量
  284. 			this.parentNode.remove( this.parentNode );//删除节点		
  285. 		}//clickb  
  286. 	}//for
  287. };
  288. //创建遮罩层
  289. function marks(obj){
  290. 	if(obj.querySelectorAll('.mar').length>=1){
  291. 		return;
  292. 		}
  293. 	var oMar = document.createElement('div');
  294. 	oMar.className = 'mar';
  295. 	//要屏蔽的模块
  296. 	obj.style.position = 'relative';
  297. 	obj.style.webkitFilter = 'blur('+ GM_getValue('setting-gus','3') +'px)';//chrome
  298. 	obj.style.filter = 'blur('+ GM_getValue('setting-gus','3') +'px)';//firefox
  299. 	obj.style.oFilter = 'blur('+ GM_getValue('setting-gus','3') +'px)';//opera
  300. 	obj.style.msFilter = 'blur('+ GM_getValue('setting-gus','3') +'px)';//IE
  301. 	obj.style.webkitBackfaceVisibility = 'hidden';
  302. 	obj.appendChild( oMar );
  303. 	//遮罩层
  304. 	oMar.style.width = parseInt( getStyle(obj,'width') ) + 'px';
  305. 	oMar.style.height = parseInt( getStyle(obj,'height') ) + 'px';
  306. 	oMar.style.background = GM_getValue('setting-col','#ffffff');
  307. 	oMar.style.opacity = GM_getValue('setting-opa','0.8');
  308. 	oMar.style.filter = 'alpha(opacity=' + GM_getValue('setting-opa','0.8')*100 +')';
  309. 	oMar.style.webkitBackfaceVisibility = 'hidden';
  310. };
  311. //判断屏蔽模式
  312. function blockMod(){
  313. 	if( GM_getValue('setting-blockWay','遮罩屏蔽')=='遮罩屏蔽' ){
  314. 		return 1;//遮罩模式
  315. 		}else{
  316. 			return 2;//删除节点
  317. 			}
  318. }
  319. //屏蔽确认
  320. var isBlock = false;//默认不屏蔽
  321. var expand = false;			//记录是否展开
  322. var LastThis = null;//记录上一次点击
  323. function confirmBlock(This,list,n){
  324. 	if( LastThis == This && expand==true){//如果重复点击，并且已经显示屏蔽按钮
  325. 		doMove($('confirm-div'),'height',5,0,function(){
  326. 			$('confirm-div').remove(this);
  327. 			expand = false;
  328. 			})
  329. 		return;
  330. 		}
  331. 	
  332. 	LastThis = This;
  333. 	if( $('confirm-div') ){//如果页面上有按钮
  334. 		var allConfirmDiv = document.querySelectorAll('.confirm-div');
  335. 		//清空按钮
  336. 		for(var i=0;i<allConfirmDiv.length;i++){
  337. 			allConfirmDiv[i].remove(allConfirmDiv[i]);
  338. 			}//for
  339. 		}
  340. 	var confirmDiv = document.createElement('div');
  341. 	if( juggUrl()==1 ){
  342. 		insertAfter(confirmDiv,This);
  343. 		}else{
  344. 			insertAfter(confirmDiv,This.parentNode);
  345. 			}
  346. 	confirmDiv.className = 'confirm-div';
  347. 	confirmDiv.id = 'confirm-div';
  348. 	confirmDiv.innerHTML = '\
  349. 							<p>是否屏蔽</p>\
  350. 							<input id="confirm-yes" type="button" value="确认" \><input id="confirm-no" type="button" value="取消" \>\
  351. 							';
  352. 	doMove(confirmDiv,'height',5,65,function(){
  353. 		expand = true;
  354. 		})//展开
  355. 	$('confirm-yes').onclick=function(){//确认
  356. 		isBlock = true;
  357. 		btclick(This,list,n);
  358. 		doMove(confirmDiv,'height',5,0,function(){
  359. 			confirmDiv.remove(this);
  360. 			expand = true;
  361. 			})
  362. 		}
  363. 	$('confirm-no').onclick=function(){//取消
  364. 		isBlock = false;
  365. 		doMove(confirmDiv,'height',5,0,function(){
  366. 			confirmDiv.remove(this);
  367. 			expand = false;
  368. 			})
  369. 		}
  370. }
  371. //点击屏蔽
  372. function btclick(This,list,n){
  373. 	var _thisTop,_thisUserId,_thisUserName,nowUserId,nowUserName;
  374. 	if(n=='postList'){
  375. 		_thisTop = This.parentNode.parentNode.parentNode.parentNode;
  376. 		_thisUserId = JSON.parse(_thisTop.getAttribute('data-field')).id;//当前id
  377. 		_thisUserName = JSON.parse(_thisTop.getAttribute('data-field')).author_name;//当前userName
  378. 		}else if(n=='post'){
  379. 			_thisTop = This.parentNode.parentNode.parentNode;
  380. 			_thisUserId = JSON.parse(_thisTop.getAttribute('data-field')).author.user_id;//当前id
  381. 			_thisUserName = JSON.parse(_thisTop.getAttribute('data-field')).author.user_name;//当前userName
  382. 			}
  383. 	//confirmBlock()
  384. 	//if ( confirm('是否屏蔽') == true) { //如果按下确认
  385. 	//confirmBlock();
  386. 	if ( isBlock == true) { //如果按下确认
  387. 		GM_setValue( _thisUserName,_thisUserId );
  388. 		for (var j = 0; j < list.length; j++) {//循环匹配是否符合
  389. 			var userInfo = JSON.parse(list[j].getAttribute('data-field'))
  390. 			if(n=='postList'){
  391. 				nowUserId = userInfo.id;
  392. 				nowUserName = userInfo.author_name;
  393. 				}else if(n=='post'){
  394. 					nowUserId = userInfo.author.user_id;
  395. 					nowUserName = userInfo.author.user_name;
  396. 					}
  397. 			if (nowUserId == _thisUserId || nowUserName==_thisUserName) {//匹配成功
  398. 				if( blockMod()==1 ){//遮罩模式
  399. 					marks(list[j]);
  400. 					}else{//删除节点模式
  401. 						list[j].style.display = 'none';
  402. 						}
  403. 				}//匹配是否符
  404. 		} //for
  405. 	}//if如果按下确认
  406. }
  407. //页面加载开始屏蔽
  408. function block(name,id,list,I){
  409. 	for(var j=0;j<GM_listValues().length;j++){
  410. 		if( GM_listValues()[j] == name || GM_getValue(GM_listValues()[j],'') == id ){//如果匹配到
  411. 			if( blockMod()==1 ){//遮罩模式
  412. 				marks(list[I]);
  413. 				}else{//删除节点模式
  414. 					list[I].style.display = 'none';
  415. 					}
  416. 			}//匹配是否符合
  417. 		}//for,遍历屏蔽
  418. }
  419. //控制面板userName智能提示
  420. function autoTips(){
  421. 	var aUsers,userName,userId;
  422. 	if( juggUrl()==1 ){//帖子内
  423. 		var aTipsArr = new Array();
  424. 		var newString = '';
  425. 		aUsers = document.querySelectorAll('#j_p_postlist>div[data-field]');//获取列表
  426. 		for(var i=0;i<aUsers.length;i++){
  427. 			userName = JSON.parse(aUsers[i].getAttribute('data-field')).author.user_name;//第i个userName
  428. 			userId = JSON.parse(aUsers[i].getAttribute('data-field')).author.user_id;//第i个userId
  429. 			aTipsArr.push( userName );
  430. 			}
  431. 		uniqueArray( aTipsArr );
  432. 		for(var i=0;i<aTipsArr.length;i++){
  433. 			newString += '<option value="' + aTipsArr[i] + '" />';
  434. 			}
  435. 		lst.innerHTML = newString;
  436. 		}else{//帖子列表
  437. 			var aTipsArr = new Array();
  438. 			var newString = '';
  439. 			aUsers=document.querySelectorAll('#thread_list>li[data-field]');//获取列表
  440. 			for(var i=0;i<aUsers.length;i++){
  441. 				userName = JSON.parse(aUsers[i].getAttribute('data-field')).author_name;//第i个userName
  442. 				userId = JSON.parse(aUsers[i].getAttribute('data-field')).id;//第i个userId
  443. 				aTipsArr.push( userName );
  444. 				}
  445. 			uniqueArray( aTipsArr );
  446. 			for(var i=0;i<aTipsArr.length;i++){
  447. 				newString += '<option value="' + aTipsArr[i] + '" />';
  448. 				}
  449. 			lst.innerHTML = newString;
  450. 			}//if....else
  451. }
  452. //关闭控制面板
  453. function closePannal(){
  454. 	doMove($('list'),'height',40,20,function(){
  455. 		doMove($('list'),'width',25,0,function(){//收起
  456. 			$('view').value = '>>';
  457. 			turn = false;
  458. 			$('pannal-troy').style.overflow = 'hidden';
  459. 			doMove($('pannal-troy'),'height',40,15,function(){
  460. 				doMove($('pannal-troy'),'width',25,0,function(){
  461. 					$('pannal-troy').remove(this);
  462. 					$('mars').remove(this);
  463. 					document.body.className = '';
  464. 					})
  465. 				})
  466. 			});
  467. 		})
  468. }
  469. //初始化程序
  470. function init() {
  471. 	//=======帖子内==========
  472. 	if( juggUrl()==1 ){
  473. 		var aShut = document.querySelector('.l_post .d_name');
  474. 		if( aShut.onclick ){
  475. 			return false;
  476. 			}
  477. 		var aUsers = document.querySelectorAll('#j_p_postlist>div[data-field]');//获取列表
  478. 		var aName = document.querySelectorAll('.l_post .d_name');//屏蔽按钮将要插入的位置
  479. 		for (var i = 0; i < aUsers.length; i++) {
  480. 			//获取id和name
  481. 			var userName = JSON.parse(aUsers[i].getAttribute('data-field')).author.user_name;//第i个userName
  482. 			var userId = JSON.parse(aUsers[i].getAttribute('data-field')).author.user_id;//第i个userId
  483. 			//添加点击事件
  484. 			aName[i].onclick=function(){
  485. 				var this_=this;
  486. 				//btclick(this_,aUsers,'post','author[user_id]','author[user_name]');
  487. 				confirmBlock(this_,aUsers,'post','author[user_id]','author[user_name]');
  488. 				}
  489. 			//页面加载开始屏蔽
  490. 			block(userName,userId,aUsers,i);
  491. 		} //for，遍历所有节点
  492. 	//=======帖子列表==========
  493. 	}else if( juggUrl()==2 ){
  494. 		var aShut = document.querySelector('#thread_list>li[data-field] .threadlist_lz>.threadlist_author, .l_post .d_name');
  495. 		if( aShut.onclick ){
  496. 			return false;
  497. 			}
  498. 		var aUsers=document.querySelectorAll('#thread_list>li[data-field]');//获取列表
  499. 		var aName = document.querySelectorAll('#thread_list>li[data-field] .threadlist_lz>.threadlist_author');//屏蔽按钮将要插入的位置
  500. 		for(var i=0;i<aUsers.length;i++){
  501. 			//获取id和name
  502. 			var userName = JSON.parse(aUsers[i].getAttribute('data-field')).author_name;//第i个userName
  503. 			var userId = JSON.parse(aUsers[i].getAttribute('data-field')).id;//第i个userId
  504. 			//添加点击事件
  505. 			aName[i].onclick=function(){
  506. 				var this_=this;
  507. 				//btclick(this_,aUsers,'postList','id','author_name');
  508. 				confirmBlock(this_,aUsers,'postList','id','author_name');
  509. 				}
  510. 			//页面加载开始屏蔽
  511. 			block(userName,userId,aUsers,i)
  512. 			}//for，遍历所有节点
  513. 		}//在帖子列表
  514. }//初始化
  515. //============执行区==========
  516. addEvent(window,'load',function(){
  517. 	init();
  518. })
  519. //跟随翻页加载
  520. var aUsers,aShut;
  521. addEvent(window,'scroll',function(){
  522. 	if( getSize('scrollTop') == 0){
  523. 		clearTimeout(document.TPage);
  524. 		document.TPage = setTimeout(init,3000);
  525. 		}//如果滚动到顶部
  526. 	})
  527. //阻止事件冒泡
  528. addEvent(document,'click',function(e){
  529. 	var e = e || window.event;
  530. 	var target = e.target || e.srcElement;
  531. 	//if( 如果在帖子内 || 如果在帖子列表 )
  532. 	if( target.getAttribute('data-field') && hasClass(target.parentNode,'d_name') || target.getAttribute('data-field') && hasClass(target.parentNode,'threadlist_author') ){//如果点到了名字上面
  533. 		if(e && e.stopPropagation){//chrome,firefox
  534. 			e.preventDefault();//阻止默认事件
  535. 			e.stopPropagation();//阻止冒泡
  536. 			}else{//ie
  537. 				e.returnValue = false;//阻止默认事件
  538. 				e.cancelBubble = true;//阻止冒泡
  539. 				}
  540. 		}//如果匹配
  541. 	//收起屏蔽按钮
  542. 	if( expand == true && $('confirm-div')){
  543. 		clearTimeout(document.autoHideBlockBtn);
  544. 		document.autoHideBlockBtn = setTimeout(function(){
  545. 			doMove($('confirm-div'),'height',5,0,function(){
  546. 				$('confirm-div').remove(this);
  547. 				expand = false;
  548. 				})
  549. 			},3000)
  550. 		}
  551. 	})
  552. //============控制面板以及相关==========
  553. addEvent(window,'resize',function(){
  554. 	if( $('pannal-troy') ){
  555. 		$('pannal-troy').style.top = ( getSize('clientHeight') - $('pannal-troy').offsetHeight )/2 + 'px';
  556. 		$('pannal-troy').style.left = ( getSize('clientWidth') - $('pannal-troy').offsetWidth )/2 + 'px';
  557. 		}
  558. })
  559. addEvent(window,'keyup',function(e){
  560. 	var e = e || window.event;
  561. 	if( e.ctrlKey && e.keyCode==114 ){//快捷键ctrl+F3
  562. 		if( $('pannal-troy') ) return;
  563. 		var pannal = document.createElement('div');
  564. 		var pannal_mars = document.createElement('div');
  565. 		pannal_mars.id = 'mars';
  566. 		pannal.id = 'pannal-troy';
  567. 		pannal.innerHTML='\
  568. 						<h3>配置参数</h3>\
  569. 						<div id="pannal-setting">\
  570. 							屏蔽方式：<select id="blockWay">\
  571. 										<option>遮罩屏蔽</option>\
  572. 										<option>删除节点</option>\
  573. 									</select><br/>\
  574. 							遮罩层颜色：<input id="col" type="color" /><br/>\
  575. 							遮罩透明度(0~1)：<span id="opa-text"></span><input id="opa" type="range" min="0" max="1" step="0.1" /><br/>\
  576. 							高斯模糊像素(0~10)：<span id="gus-text"></span><input id="gus" type="range" min="0" max="10" step="1" /><br/>\
  577. 						</div>\
  578. 						<hr/>\
  579. 						<h3>添加讨厌鬼</h3>\
  580. 						<div id="addBlackList">\
  581. 							数字ID(选填)：<input id="userId" type="text" placeholder="user_id"/><br/>\
  582. 							贴吧ID(必填)：<input id="userName" type="text" placeholder="user_name" list="lst" autocomplete="off"/>\
  583. 							<datalist id="lst" autocomplete="on"></datalist>\
  584. 						</div>\
  585. 						<hr/>\
  586. 						<h3>功能</h3>\
  587. 						<div id="fn">\
  588. 							<input id="save" type="button" value="保存" />\
  589. 							<input id="clear" type="button" value="清空" />\
  590. 							<input id="view" type="button" value=">>" />\
  591. 						</div>\
  592. 						<div id="list">\
  593. 							<input id="sear" type="text" list="BlackList" placeholder="搜索" autocomplete="off" />\
  594. 							<ul id="showList"></ul>\
  595. 						</div>\
  596. 						<span id="queit">X</span>\
  597. 						'
  598. 		document.documentElement.appendChild( pannal );
  599. 		document.documentElement.appendChild( pannal_mars );
  600. 		document.body.className = 'blur';
  601. 		pannal.style.top = ( getSize('clientHeight') - pannal.offsetHeight )/2 + 'px';
  602. 		pannal.style.left = ( getSize('clientWidth') - pannal.offsetWidth )/2 + 'px';
  603. 		//初始化
  604. 		$('blockWay').value = GM_getValue('setting-blockWay','遮罩屏蔽' );//屏蔽方式
  605. 		$('col').value = GM_getValue('setting-col','#ffffff');			//默认遮罩的颜色
  606. 		$('opa').value = GM_getValue('setting-opa','0.8');			//默认遮罩透明度
  607. 		$('opa-text').innerHTML = $('opa').value;
  608. 		$('gus').value = GM_getValue('setting-gus','3');			//默认遮罩下的高斯模糊半径
  609. 		$('gus-text').innerHTML = $('gus').value;
  610. 		createList();												//加载黑名单列表
  611. 		addEvent($('opa'),'input',function(){
  612. 			$('opa-text').innerHTML = $('opa').value;
  613. 			})
  614. 		addEvent($('gus'),'input',function(){
  615. 			$('gus-text').innerHTML = $('gus').value;
  616. 			})
  617. 		//智能提示userName和userId
  618. 		addEvent($('userName'),'input',function(){
  619. 			autoTips();
  620. 			})
  621. 		//删除节点模式则禁用选项
  622. 		addEvent($('blockWay'),'input',function(){
  623. 			var aInput=[$('col'),$('opa'),$('gus')]
  624. 			if( $('blockWay').value == '删除节点' ){//删除节点模式
  625. 				for(var i=0;i<aInput.length;i++){
  626. 					aInput[i].readOnly = 'true';
  627. 					aInput[i].className = 'disable-btn';
  628. 					}
  629. 				}else{//遮罩屏蔽模式模式
  630. 					for(var i=0;i<aInput.length;i++){
  631. 						aInput[i].readOnly = 'false';
  632. 						aInput[i].className = '';
  633. 						}
  634. 					}
  635. 			})
  636. 		//====保存按钮====
  637. 		addEvent($('save'),'click',function(){
  638. 			//判断屏蔽方式
  639. 			if($('blockWay').value=='遮罩屏蔽'){
  640. 				GM_setValue('setting-blockWay','遮罩屏蔽');
  641. 			}else if($('blockWay').value=='删除节点'){
  642. 				GM_setValue('setting-blockWay','删除节点');	
  643. 			}
  644. 			//遮罩颜色
  645. 			GM_setValue('setting-col',$('col').value);
  646. 			//遮罩透明度1
  647. 			GM_setValue('setting-opa',$('opa').value);	
  648. 			//高斯模糊半径
  649. 			GM_setValue('setting-gus',$('gus').value);	
  650. 			//匹配ID是否正确
  651. 			var regId=/^[1-9][0-9]{4,}$/ig;
  652. 			if( $('userName').value!='' &&  (regId.test($('userId').value)==true || $('userId').value=='') ){
  653. 				//保存形式：user_name:user_id
  654. 				GM_setValue( $('userName').value,$('userId').value );
  655. 				alert('保存成功' + "\n用户名：" + $('userName').value + "\nID：" + GM_getValue($('userName').value,'') + '\n屏蔽方式：'+ GM_getValue('setting-blockWay','遮罩屏蔽' )+'\n遮罩颜色：' + GM_getValue('setting-col','#fff') + '\n遮罩透明度：'+ GM_getValue('setting-opa','0.8') +'\n高斯模糊：'+GM_getValue('setting-gus','3') );
  656. 			}else if( $('userName').value=='' && $('userId').value==''){
  657. 				alert('保存成功\n屏蔽方式：'+ GM_getValue('setting-blockWay','遮罩屏蔽' )+'\n遮罩颜色：' + GM_getValue('setting-col','#fff') + '\n遮罩透明度：'+ GM_getValue('setting-opa','0.8') +'\n高斯模糊：'+GM_getValue('setting-gus','3') )
  658. 				}else{
  659. 					alert('输入不正确:\n数字ID：选填([5~n位数])\n贴吧ID：必填')
  660. 					}
  661. 			if( parseInt( getStyle($('list'),'width') )>0 ){//如果列表已经展开
  662. 				createList()//重新生成列表
  663. 				}
  664. 		})
  665. 		//====清空按钮====
  666. 		addEvent($('clear'),'click',function(){
  667. 			for(var i=0;i<GM_listValues().length;i++){
  668. 				//清空所有变量
  669. 				//GM_deleteValue( GM_listValues()[i] ) + ":" + GM_getValue( GM_listValues()[i],'' )
  670. 				var value = GM_getValue( GM_listValues()[i],'');
  671. 				if( (typeof value=='number' && value>1000) || value==''){
  672. 					GM_deleteValue( GM_listValues()[i] );//删除键名
  673. 				}
  674. 			}//for
  675. 			if( parseInt(getStyle($('list'),'width'))>0 ){//如果列表已经展开
  676. 				createList();//重新生成列表
  677. 				}
  678. 		})
  679. 		//====展开/收起按钮====
  680. 		var turn = false;
  681. 		addEvent($('view'),'click',function(){
  682. 			if(turn == false){
  683. 				createList();
  684. 				//$('showList').style.overflowY = 'scroll';
  685. 				doMove($('list'),'width',20,200,function(){//展开
  686. 					doMove($('list'),'height',40,321,function(){
  687. 						$('sear').focus();
  688. 						$('view').value = '<<';
  689. 						turn = true;
  690. 						});
  691. 					})
  692. 				}else if( turn == true ){
  693. 					//$('showList').style.overflowY = 'hidden';
  694. 					doMove($('list'),'height',40,20,function(){
  695. 						doMove($('list'),'width',20,0,function(){//收起
  696. 							$('view').value = '>>';
  697. 							turn = false;
  698. 							});
  699. 						})
  700. 					}
  701. 		})
  702. 		//黑名单搜索
  703. 		addEvent($('sear'),'input',function(){
  704. 			createList();
  705. 			var list = document.querySelectorAll('#showList .show_list');
  706. 			$('showList').innerHTML = '';//清空列表
  707. 			var str = '';
  708. 			for(var i=0;i<list.length;i++){
  709. 				var userName =  list[i].getAttribute('data');
  710. 				if( userName.indexOf( $('sear').value ) >=0 ){//如果搜索到
  711. 					str += '<li class="show_list" data="'+ userName +'">'+'<span class="key">'+userName+'</span>'+'<input class="deletThis" type="button" value="删除"/>'+'</li>';
  712. 					}
  713. 				}//for
  714. 			$('showList').innerHTML = str;//生成列表
  715. 			//添加点击事件
  716. 			var aDeleBtn=document.querySelectorAll('.deletThis');
  717. 			for(var i=0;i<aDeleBtn.length;i++){
  718. 				aDeleBtn[i].onclick=function(){
  719. 					var thisKey = this.parentNode.getAttribute('data');//获取当前结点的key
  720. 					GM_deleteValue( thisKey );//删除变量
  721. 					this.parentNode.remove( this.parentNode );//删除节点		
  722. 				}//click
  723. 			}//for
  724. 			})
  725. 		//黑名单搜索,backspace键
  726. 		addEvent(window,'keyup',function(e){
  727. 			var e= e || window.event;
  728. 			if(e.keyCode==8){//backspace
  729. 				if( $('sear').value == '' ){
  730. 					createList();
  731. 					}
  732. 				}
  733. 			})
  734. 		//===关闭按钮====
  735. 		addEvent($('queit'),'click',function(){
  736. 			closePannal();
  737. 		})
  738. 		addEvent($('mars'),'click',function(){
  739. 			closePannal();
  740. 			})
  741. 	}//if
  742. })//addEvent

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址