cf-platform/Public/Mobile/js/quick.js

/**
 * <EFBFBD><EFBFBD><EFBFBD>õ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϳ<EFBFBD><EFBFBD>ݵ<EFBFBD><EFBFBD><EFBFBD>
 * 
 * @dependencies <EFBFBD><EFBFBD><EFBFBD><EFBFBD>zepto.min.js
 */
$(document).ready(function() {
	var oSoClear = ai.i("js-so-ico-clear"),
		oSoPopText = ai.i("js-so-pop-text"),
		oSoPopBtnCancel = ai.i("js-so-pop-btn-cancel"),
		oSoPopGuessSlip = ai.i("js-so-pop-guess-slip"),
		oSoPop= ai.i("js-so-pop"),
		oSoPopBtn = ai.i("js-so-pop-btn"),
		oSoPopGuess = ai.i("js-so-pop-guess"),
		oSoPopPromote = ai.i("js-so-pop-promote"),
		oSoPopFormShell = ai.i("js-so-pop-form-shell");
	
	$("#js-ico-search").click(function() {
		if ("undefined" == typeof browserType) {
			browserType = "";
		}
		if (browserType == "0") {
			$("#js-so-pop").show();
			$("#js-so-pop-text").val("");
			$("#js-so-pop-text").focus();
		} else {
			window.location = "/search.html";
		}
	});
	$("#js-so-pop-btn-cancel").click(function(event) {
		$(".so-pop-guess-slip").html("");
		$(".g-search").hide();
	});
	$("#js-so-ico-clear").click(function(event) {
		$("#js-so-pop-guess").hide();
		$("#js-so-pop-btn").hide();
		$("#js-so-pop-btn-cancel").show();
		$("#js-so-pop-promote").show();
		$("#js-so-pop-text").val("");
		$("#js-so-pop-text").focus();
	});
	$("#js-so-pop-text").on("input", function(o) {
		textChange(o);
	}, false);

	ai.touchMovePreventDefault(oSoPop);
	ai.touchMovePreventDefault(oSoPopFormShell);
	oSoPopFormShell.addEventListener('touchstart', function(e){
		e.stopPropagation(); 
	});
	oSoPopGuess.addEventListener('touchstart', function(e){
		e.stopPropagation(); 
	});
	oSoPopGuessSlip.addEventListener('touchstart',function(e){
		e.preventDefault();
		oSoPopBtn.focus();
	});
	oSoPopPromote.addEventListener('touchstart', function(e){
		e.stopPropagation(); 
	});

});

//<2F><>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
$(document).ready(function() {
	btnStates();

	$(".formShell").click(function(event) {
		event.stopImmediatePropagation();
	});

	// touch<63><68><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ҳ<EFBFBD>м<EFBFBD><D0BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
	// IE
	if ($.browser.msie) {
		$("#name").on("onpropertychange", function(o) {
			inputKeyGetVal();
		}, false);
		// <20><>IE
	} else {
		$("#name").on("input", function(o) {
			inputKeyGetVal();
		}, false);
	}
    $("#name").on("focus", function(o) {
            inputKeyGetVal();
        }, false);
        
	// <20><><EFBFBD><EFBFBD><EFBFBD>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
	$(".closeList").click(function(event) {
		event.stopImmediatePropagation();
		$(this).hide();
		$(".inputKey").val("");
		$(".popGuess").hide();
		$("#searchMask").hide();
		btnStates();
	});

	$("#searchMask").click(function(){
		$("#searchMask").hide();
	});	
	
	$("#searchMask").on("touchmove",function(e){
		e.preventDefault();
	})	
	
	$("#searchMask li").click(function(event){
		event.stopImmediatePropagation();
		$(".inputKey").val($(this).html());
		$("#searchMask").hide();
	})
	
	$("#searchMask li").click(function(event){
		event.stopImmediatePropagation();
		$(".inputKey").val($(this).html());
		$("#searchMask").hide();
	})
});

function textChange(o) {
	var num = o.target.value.getBytes();
	if (num > 0) {
		$("#js-so-pop-guess-slip").html("");
		$("#js-so-pop-btn-cancel").hide();
		$("#js-so-pop-btn").show();
	} else {
		$("#js-so-pop-btn").hide();
		$("#js-so-pop-btn-cancel").show();
	}

	if (num > 2) {
		try {
			$.ajax({
				url : '/matching.html?requestType=ajax&term=' + o.target.value,
				type : 'get',
				dataType : "json",
				success : function(result) {
					for ( var i in result) {
						var id = 'sopopchange' + i;
						$("#js-so-pop-guess-slip").append('<li id='+id+'>' + result[i] + '</li>');
						var isTouch = 'ontouchstart' in window;
						if(isTouch){
							//<2F>ڴ<EFBFBD>ʹ<EFBFBD><CAB9>ai<61><69><EFBFBD><EFBFBD><EFBFBD><EFBFBD> ѡ<><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
							ai.touchClick(document.getElementById(id), function() {
								$("#js-so-pop-text").val($(this).text());
								$("#js-so-pop-guess").hide();
								$("#js-so-pop-promote").show();
							});
						}
						else{
							//һ<><D2BB><EFBFBD><EFBFBD>onclick
							document.getElementById(id).addEventListener('click',function(e){
								$("#js-so-pop-text").val($(this).text());
								$("#js-so-pop-guess").hide();
								$("#js-so-pop-promote").show();
							});
						}
					}
					if (result != null) {
						$("#js-so-pop-promote").hide();
						$("#js-so-pop-guess").show();
					}
				}
			});
		} catch (e) {
			$("#js-so-pop-guess").hide();
		}
	}
	return false;
}

function setNameVal(dom){
	//ѡ<><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
	if(dom!=null){
		$(".inputKey").val(dom.innerHTML);
		$("#searchMask").hide();
		$(".so-pop-guess-slip").html('');
		$(".so-pop-guess").hide();
	}
}

// touch<63><68><EFBFBD><EFBFBD>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
function inputKeyGetVal() {
	// <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
	$(".so-pop-guess-slip").html('');
	$(".so-pop-guess").hide();

	// <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ݳ<EFBFBD><DDB3>Ȳ<EFBFBD><C8B2>Ϸ<EFBFBD><CFB7><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
	var num = $(".inputKey").val().length;
	if (num > 1 && num < 32) {
		try {
			$.ajax({
				url : '/matching.html?requestType=ajax&term='
						+ $(".inputKey").val() + '&random=' + Math.random(),
				type : 'get',
				dataType : "json",
				success : function(result) {
					// <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
					$(".so-pop-guess-slip").html('');
					$(".so-pop-guess").hide();
					for (var i in result) {
						var id = 'liId' + i;
						$(".so-pop-guess-slip").append('<li id="' + id + '" onclick=setNameVal("'+id+'") >' + result[i] + '</li>');
						var isInputTouch = 'ontouchstart' in window;
						if(isInputTouch){
							//<2F>ڴ<EFBFBD>ʹ<EFBFBD><CAB9>ai<61><69><EFBFBD><EFBFBD><EFBFBD><EFBFBD> ѡ<><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
							ai.touchClick(document.getElementById(id), function() {
								$("#name").val($(this).text());
								$(".so-pop-guess-slip").html('');
								$(".so-pop-guess").hide();
							});
						}
						else{
							//һ<><D2BB><EFBFBD><EFBFBD>onclick
							document.getElementById(id).addEventListener('click',function(e){
								$("#name").val($(this).text());
								$(".so-pop-guess-slip").html('');
								$(".so-pop-guess").hide();
							});
						}
					}
					if (result != null) {
						$(".so-pop-guess").show();
						$("#searchMask").show();
					}
				}
			});
		} catch (e) {
			$(".so-pop-guess").hide();
		}
	} else {
		$(".so-pop-guess-slip").html('');
		$(".so-pop-guess").hide();
	}

	$(".popGuess").show();
	$(".closeList").show();
	btnStates();
}

/*
 * ͷ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>һϵ<EFBFBD>ж<EFBFBD><EFBFBD><EFBFBD>
 */
function btnStates() {
	if ($(".inputKey").val() != "") {
		$(".btnSeach").show();
		$(".btnCancel").hide();
	} else {
		$(".btnSeach").hide();
		$(".btnCancel").show();
	}
}

String.prototype.getBytes = function() {
	var value = this.match(/[^\x00-\xff]/ig);
	return this.length + (value == null ? 0 : value.length);
}