起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1895|回复: 0

[分享] 在页面中,点input框时,当前焦点input框改变背景颜色

[复制链接]

106

主题

538

帖子

1054

积分

金牌会员

Rank: 6Rank: 6

积分
1054
QQ
发表于 2013-4-26 12:38:27 | 显示全部楼层 |阅读模式
1、在model  onload事件中写入  下面的代码:

//加入回车换行
bgsclxtbbtx_cb.model1Load = function(event) {
$("body").keydown(function(keydownEvent) {
  if (keydownEvent.keyCode == 13) {
   if ($.browser.msie) {
    window.event.keyCode = 9;
   } else {
    var e = document.createEvent("KeyboardEvent");
    e.initKeyboardEvent("keydown", true, true, window, "U+0009");
    keydownEvent.target.dispatchEvent(e);
   
   }
  }
});
focusInput('focusInput', 'normalInput');
};

2、单独放一个
function focusInput(focusClass, normalClass) {
    var elements = document.getElementsByTagName("input");
    for (var i=0; i < elements.length; i++) {
        if (elements.type != "button" && elements.type != "submit" && elements.type != "reset") {
            elements.onfocus = function() { this.style.backgroundColor = "yellow";};
            elements.onblur = function() {this.style.backgroundColor = "white"; };
        }
    }
}

焦点一.jpg
焦点二.jpg
焦点三.jpg


希望各位高手帮忙看一下,看有没有问题,有问题我再优化。
YY交流群:94127443
您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-4 10:16 , Processed in 0.068250 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表