课程咨询 :186 8716 1620      qq:2066486918

昆明Java培训 > 达内新闻 > 昆明java培训——Js中自动切换焦点实现
  • 昆明java培训——Js中自动切换焦点实现

    发布:昆明Java培训      来源:达内新闻      时间:2016-04-15

  • 很多时候我们喜欢能够自动切换焦点,便于我们的及时操作,那么怎么样才能更好的实现切换呢?昆明java培训后续代码分享。

    昆明java培训小编提供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

    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);

    })();

    }

    代码分享是昆明java培训老师根据我们昆明java培训班学员的一些反馈问题而来的,因此后期我们会将有更多的代码分享。

    推荐文章

上一篇:昆明java培训——js中对应的C#解码函数

下一篇:JQuery操作dom节点

最新开班日期  |  更多

Java--零基础全日制班

Java--零基础全日制班

开班日期:11/30

Java--零基础业余班

Java--零基础业余班

开班日期:11/30

Java--周末提升班

Java--周末提升班

开班日期:11/30

Java--零基础周末班

Java--零基础周末班

开班日期:11/30

  • 网址:http://km .java.tedu.cn      地址:昆明市官渡区春城路62号证券大厦附楼6楼
  • 课程培训电话:186 8716 1620      qq:2066486918    全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56