XY前端 2018-11-22 13:04 采纳率: 0%
浏览 653

这两个鼠标事件有大部分代码重复,怎么才能合并重复代码呢?

window.onload = function(){
var hdList = $('.hd-list')[0],
hdLi = $('.hd-list>li');
hdList.onmouseover = function(e){
var ev = e || window.event,
target = ev.target || ev.srcElement,
tagName = target.nodeName.toLowerCase();
if(tagName!='ul'){
while (target.nodeName.toLowerCase()!='li'){
target = target.parentNode;
}
clearBlankNodes(target);
var childNodes = target.childNodes;
childNodes[0].classList.add('green-text');
if(childNodes.length>1){
childNodes[1].classList.remove('dis-hide');
}
}
}
hdList.onmouseout = function(e){
var ev = e || window.event,
target = ev.target || ev.srcElement,
tagName = target.nodeName.toLowerCase();
if(tagName!='ul'){
while (target.nodeName.toLowerCase()!='li'){
target = target.parentNode;
}
clearBlankNodes(target);
var childNodes = target.childNodes;
childNodes[0].classList.remove('green-text');
if(childNodes.length>1){
childNodes[1].classList.add('dis-hide');
}
}
}
}

  • 写回答

2条回答 默认 最新

  • 天际的海浪 2018-11-22 13:57
    关注
    window.onload = function() {
        var hdList = $('.hd-list')[0],
            hdLi = $('.hd-list>li');
        hdList.onmouseover = function(e) {
            hover(e,true);
        }
        hdList.onmouseout = function(e) {
            hover(e,false);
        }
        function hover(e,flag) {
            var ev = e || window.event,
                target = ev.target || ev.srcElement,
                tagName = target.nodeName.toLowerCase();
            if (tagName != 'ul') {
                while (target.nodeName.toLowerCase() != 'li') {
                    target = target.parentNode;
                }
                clearBlankNodes(target);
                var childNodes = target.childNodes;
                if (flag)
                    childNodes[0].classList.add('green-text');
                else
                    childNodes[0].classList.remove('green-text');
                if (childNodes.length > 1) {
                    if (flag)
                        childNodes[1].classList.add('dis-hide');
                    else
                        childNodes[1].classList.remove('dis-hide');
                }
            }
        }
    }
    
    
    评论

报告相同问题?

悬赏问题

  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面