日期:2014-05-16 浏览次数:20710 次
//表示当前高亮的节点
var highlightindex = -1;
var timeoutId;
var focusOut = false;
$(document).ready(function(){
var wordInput = $("#word");
var wordInputOffset = wordInput.offset();
//隐藏自动补全框并通过CSS设置补全框的位置大小及样式
$("#auto").hide().css("border","1px black solid").css("padding-left","2px").css("position","absolute").css("background-color","white")
.css("top","83px").css("border-top-width","1px")
.css("left",wordInputOffset.left-1).width(wordInput.width()-2); //此处可根据自己的网页布局以及页面元素大小调整。
//添加键盘按下并弹起的事件
wordInput.keyup(function(event){
//处理文本框中的键盘事件
var myEvent = event
------解决方案--------------------
window.event;
var keyCode = myEvent.keyCode;
//如果输入的是字母,退格,delete,空格或者数字键,应该将文本框中的最新信息发送给服务器,其中,空格键和数字键的加入使得输入中文也能支持~~
if((keyCode >= 65 && keyCode<=90)
------解决方案--------------------
(keyCode >= 48 && keyCode <= 57)
------解决方案--------------------
(keyCode>=96 && keyCode<=105)
------解决方案--------------------
keyCode == 46
------解决方案--------------------
keyCode == 8
------解决方案--------------------
keyCode == 32){
//获取文本框的内容
var wordText = $("#word").val().trim();
var autoNode = $("#auto");
if(wordText==""){
$("#auto").css("display", "none");
&n