// ==UserScript==
// @name        selection length | 选中计字数
// @namespace   hzhbest
// @description    鼠标拖选显示选中字数
// @include     https://*
// @include     http://*
// @version     1.1
// @grant       none
// @downloadURL none
// ==/UserScript==

(function() {

	document.addEventListener('mouseup', function(e) {
		setTimeout(function(){count(e);},150);
	}, false);
	
	var tooltip =  creaElemIn('div', document.body);
	tooltip.id = "sl_tooltip";	
	var timer, content, overed = false;
	var timeout = 1000;
	
	// Insert CSS
	var headID = document.getElementsByTagName('head')[0];         
	var cssNode = creaElemIn('style', headID);
	cssNode.type = 'text/css';
	cssNode.innerHTML = '#sl_tooltip {display: none; position: fixed; z-index: 999999; font-size: 12pt; background: white; border: 1px solid #ddecff; box-shadow: 0 1px 3px #333;} #sl_tooltip.show{display: block;} #sl_tooltip table{line-height: 12pt; border-collapse: collapse; border-spacing: 0; font-size: 10pt;}';


function count(e) {
	if (overed) return;
	var ae = document.activeElement;     //console.log(ae.value + "|" + ae.selectionStart + "|" + ae.selectionEnd);
	if (ae.tagName.toLowerCase() == "input" || ae.tagName.toLowerCase() == "textarea") {
		content = ae.value.substring(ae.selectionStart, ae.selectionEnd);
	} else {
		content = getSelection().toString();
	}
	var selCount = content.length;
	if (selCount == 0) return;
		//借用一字数统计脚本代码
			var cvalue=content.replace(/\r\n/g,"\n");
			var sarr=cvalue.split("");
			var len_total=sarr.length;
			var r={
				"wd":0,  //中英文字数
				"nwd":0,  //英数词数
				"nb":0,  //数字词数
				"c":0,  //字符数
				"cb":0,  //非空格字符
				"r":0,  //回车
				"en":0,  //英文字母数
				"cn":0,  //中文字数
				"bl":0  //非回车空格
			};
			var words=cvalue.match(/\w+([’\']\w+)?/g)||[];
			var numbers=cvalue.match(/\b\d+(\.\d+)?\b/g)||[];
			var cnwords=cvalue.match(/[\u4e00-\u9fa5]/g)||[];
			r.nwd=words.length;
			r.nb=numbers.length;
			r.cn=cnwords.length;
			for(var i=0;i<len_total;i++){
				r.c++;
				switch(true){
					case /[a-zA-Z]/.test(sarr[i]):
						r.en++;
						break;
					case /\S/.test(sarr[i]):
						r.cb++;
						break;
					case /\s/.test(sarr[i]):
						if(sarr[i]=="\n"||sarr[i]=="\r"){
							r.r++;
						}else{
							r.bl++;
						}
				}
			}
			r.wd=r.nwd+r.cn;
			var str="字符统计<br/>";
			str+="<table border='0' cellpadding='0' cellspacing='0' width='100%'>";
			str+="<tr><td algin='left'>总字符数:</td><td align='right'>　"+(r.c-r.r)+"</td></tr>";
			// str+="<tr><td algin='left'>非空白总字符数:</td><td align='right'>"+(r.c-r.bl-r.r)+"</td></tr>";
			str+="<tr><td algin='left'>　空白字符:</td><td align='right'>　"+r.bl+"</td></tr>";
			str+="<tr><td algin='left'>　英文字符:</td><td align='right'>　"+r.en+"</td></tr>";
			str+="<tr><td algin='left'>　其它字符:</td><td align='right'>　"+(r.c-r.en-r.bl-r.cn-r.r)+"</td></tr>";
			// str+="<tr><td algin='left'>&nbsp;</td><td align='right'>&nbsp;</td></tr>";
			str+="<tr><td algin='left'>中英数词数:</td><td align='right'>　"+r.wd+"</td></tr>";
			str+="<tr><td algin='left'>　中文字:</td><td align='right'>　"+r.cn+"</td></tr>";
			str+="<tr><td algin='left'>　英文单词:</td><td align='right'>　"+(r.nwd-r.nb)+"</td></tr>";
			str+="<tr><td algin='left'>　阿拉伯数字:</td><td align='right'>　"+r.nb+"</td></tr>";
			// str+="<tr><td algin='left'>&nbsp;</td><td align='right'>&nbsp;</td></tr>";
			str+="<tr><td algin='left'>回行数:</td><td align='right'>　"+(r.r+1)+"</td></tr>";
			str+="</table>";
	tooltip.innerHTML = str;
	// tooltip.innerHTML = getSelection().toString();  //for debug
	tooltip.className = "show";
	tooltip.style.top = Math.min(e.clientY + 10, window.innerHeight - tooltip.offsetHeight) + "px";
	tooltip.style.left = Math.min(e.clientX + 20, window.innerWidth - 150) + "px";
	
	function hide(){
		tooltip.className = '';
		tooltip.removeEventListener('mouseover', over, false);
		tooltip.removeEventListener('mouseout', out, false);
	}
	function over() {
		overed = true;
		clearTimeout(timer);
	}
	function out() {
		overed = false;
		timer = setTimeout(hide, timeout);
	}
	tooltip.addEventListener('mouseover', over, false);
	tooltip.addEventListener('mouseout', out, false);
	timer = setTimeout(hide, timeout * 3);
}


// Create an element
function creaElemIn(tagname, destin) {
	var theElem = destin.appendChild(document.createElement(tagname));
	return theElem;
}


})();