欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript中自動(dòng)切換焦點(diǎn)實(shí)現(xiàn)代碼

 更新時(shí)間:2012年12月15日 14:55:44   作者:  
本文提供Javascript中自動(dòng)切換焦點(diǎn)實(shí)例代碼,需要了解的朋友可以參考下

復(fù)制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test javascript</title>
<script type="text/javascript">
window.onload = function() {
var EventUtil = {
addhandler:function(element,type,handler) {
if(element.addEventListenter) {
element.addEventListenter(type,handler,false);
} else if (element.attachEvent) {
element.attachEvent("on"+type,handler);
} else {
element["on"+type] = handler;
}
},

getEvent:function(event) {
return event?event:window.event;
},

getTarget:function() {
return event.target || event.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);
} else 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;
}
},

getClipboardText: function(event) {
var clipboardData = event.clipboardData || window.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;i<len-1;i++) {
if(form.elements[i] == target) {
form.elements[i+1].focus();
return ;
}
}
}

}

var textTel1 = document.getElementById("txtTel1");
var textTel2 = document.getElementById("txtTel2");
var textTel3 = document.getElementById("txtTel3");

EventUtil.addhandler(textTel1,"keyup",tabForward);
EventUtil.addhandler(textTel2,"keyup",tabForward);
EventUtil.addhandler(textTel3,"keyup",tabForward);

})();
}
</script>
</head>
<body>
<form>
<input type="text" name="tel1" id="txtTel1" maxlength="3" />
<input type="text" name="tel2" id="txtTel2" maxlength="3" />
<input type="text" name="tel3" id="txtTel3" maxlength="3" />
</form>
</body>
</html>

相關(guān)文章

  • 深入理解JavaScript系列(25):設(shè)計(jì)模式之單例模式詳解

    深入理解JavaScript系列(25):設(shè)計(jì)模式之單例模式詳解

    這篇文章主要介紹了深入理解JavaScript系列(25):設(shè)計(jì)模式之單例模式詳解,本文給出了多種單例模式的實(shí)現(xiàn)方式,需要的朋友可以參考下
    2015-03-03
  • 由ReactJS的Hello world說(shuō)開(kāi)來(lái)

    由ReactJS的Hello world說(shuō)開(kāi)來(lái)

    這篇文章主要介紹了ReactJS的Hello world程序編寫(xiě)及其相關(guān)知識(shí),React是Facebook開(kāi)發(fā)并開(kāi)源的JS框架,人氣在當(dāng)下急劇攀升,需要的朋友可以參考下
    2015-07-07
  • 關(guān)于JavaScript限制字?jǐn)?shù)的輸入框的那些事

    關(guān)于JavaScript限制字?jǐn)?shù)的輸入框的那些事

    這篇文章主要介紹了關(guān)于JavaScript限制字?jǐn)?shù)的輸入框在項(xiàng)目過(guò)程中容易遇到的各種坑的匯總,非常的詳細(xì),有需要的小伙伴可以參考下
    2016-08-08
  • JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列

    JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之棧與隊(duì)列

    在面向?qū)ο蟮某绦蛟O(shè)計(jì)里,一般都提供了實(shí)現(xiàn)隊(duì)列(queue)和堆棧(stack)的方法,而對(duì)于JS來(lái)說(shuō),我們可以實(shí)現(xiàn)數(shù)組的相關(guān)操作,來(lái)實(shí)現(xiàn)隊(duì)列和堆棧的功能,看下面的相關(guān)介紹.
    2016-01-01
  • 淺談JavaScript函數(shù)節(jié)流

    淺談JavaScript函數(shù)節(jié)流

    這篇文章主要簡(jiǎn)單介紹了JavaScript函數(shù)節(jié)流的相關(guān)知識(shí),有相同需求的小伙伴們可以仔細(xì)閱讀下
    2014-12-12
  • JavaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解

    JavaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解

    下面小編就為大家?guī)?lái)一篇JavaScript中匿名函數(shù)的用法及優(yōu)缺點(diǎn)詳解。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-06-06
  • uniapp實(shí)現(xiàn)錄音上傳功能

    uniapp實(shí)現(xiàn)錄音上傳功能

    這篇文章主要介紹了uniapp 實(shí)現(xiàn)錄音上傳功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-09-09
  • HTML復(fù)選框和單選框 checkbox和radio事件介紹

    HTML復(fù)選框和單選框 checkbox和radio事件介紹

    checkbox 和 radio的事件選擇一度讓我很迷惑,開(kāi)始以我對(duì)js的理解,我覺(jué)得change事件應(yīng)該是最合理的,可惜啊ie下change事件是在改變后焦點(diǎn)離開(kāi)時(shí)才觸發(fā)
    2012-12-12
  • JavaScript中的anchor()方法使用詳解

    JavaScript中的anchor()方法使用詳解

    這篇文章主要介紹了JavaScript中的anchor()方法使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-06-06
  • javascript類(lèi)型轉(zhuǎn)換使用方法

    javascript類(lèi)型轉(zhuǎn)換使用方法

    這篇文章主要介紹了javascript類(lèi)型轉(zhuǎn)換的使用方法,包括轉(zhuǎn)換為字符串、轉(zhuǎn)換為數(shù)字、轉(zhuǎn)換為布爾值、轉(zhuǎn)換為對(duì)象使用方法,大家參考使用吧
    2014-02-02

最新評(píng)論