美文网首页
input的自动跳转

input的自动跳转

作者: 98K_e97e | 来源:发表于2018-11-06 17:53 被阅读0次

    当第一个文本框输入的字符达到一定程度就会自动跳转到下一个文本框

    如何实现??

    html部分

    html

    EventUtil对象 

    var EventUtil = {

        addHandler: function (element, type, handler) {

          if (element.addEventListener) {

            element.addEventListener(type, handler, false);

          } else if (element.attachEvent) {

            element.attachEvent('on' + type, handler);

          } else {

            element['on' + type] = handler;

          }

        },

        removeHandler: function (element, type, handler) {

          if (element.removeEventListener) {

            element.removeEventListener(type, handler, false);

          } else if (element.detachEvent) {

            element.detachEvent('on' + type, handler);

          } else {

            element['on' + type] = null;

          }

        },

        getEvent: function (event) {

          return event ? event : window.event;

        },

        getTarget: function (event) {

          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.cancelBubble = true;

          }

        }

      };

    js部分

    相关文章

      网友评论

          本文标题:input的自动跳转

          本文链接:https://www.haomeiwen.com/subject/jgouxqtx.html