首頁 > web前端 > js教程 > Javascript中自動切換焦點實作程式碼_基礎知識

Javascript中自動切換焦點實作程式碼_基礎知識

WBOY
發布: 2016-05-16 17:46:18
原創
881 人瀏覽過

複製程式碼代碼如下:















🎜>

測試javascript

window.onload = function() {
var EventUtil = {
addhandler:function(element,type,handler) {
if(element.addEventListenter) {
element.addEventListenter(type) ,處理程序,假);
} else if (element.attachEvent) {
element.attachEvent("on" type,handler);
} else {
element["on" 類型] = handler;
}
},

getEvent:function(event) {
回傳事件? event:window.event;
},

getTarget:function() {
回傳event.target ||事件.srcElement;
},

preventDefault:function () {
if(event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
},

stopPropagation:function() {
if(event.stopPropagation) {
event.stopPropagation();
} else {
event.cancelBuddle = true
}
,

removehandler:function(element,type,handler) {
if(element.removeEventListenter) {
element.addEventListenter(type,handler,false);
} element if (element .detachEvent) {
element.detachEvent("on" type,handler);
} else {
element["on" type] = null;
}
},

getCharCode: function(event) {
if(typeof event.charCode == "number") {
return event.charCode;
} else {
return event.keyCode;
} else {
return event.keyCode;
}
},

getClipboardText: function(event) {
var ClipboardData = event.clipboardData ||視窗.剪貼簿資料;
return ClipboardData.getData("text");
},

setClipboardText: function(event,value) {
if(event.clipboardData) {
return event.clipboardData.setData("text/plain",value);
} else if(window.clipboardData){
return window.clipboardData.setData("text",value);
}
}

}

var textarea = document.forms[0].elements["text"];
var button = document.getElementById("button");


(function() {
function tabForward (event) {
event = EventUtil.getEvent(event);
var target = EventUtil.getTarget(event);

if(target.value.length == target.maxLength) {
var form = target.parentElement;

for(var i=0,len = form.elements.length;iif(form.elements[i ] == target) {
form.elements[i 1].focus();
return ;
}
}
}

}

var textTel1 = document.getElementById("txtTel1");
var textTel2 = document.getElementById("txtTel2"); textTel3 = document.getElementById("TelTel3");
,"keyup",tabForward);
EventUtil.addhandler(textTel2,"keyup",tabForward); .addhandler(textTel3,"keyup",tabForward);

});
}
腳本> 頭> /> 表格> 身體>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板