                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

DOM事件探秘-QQ拖曳效果

function getByName(clsName,parent) {

? var oParent = parent?document.getElementById(parent):document,

? ? ? eles = [],

? ? ? elements = oParent.getElementsByTagName('*');

? for (var i=0;i<elements.length;i++) {

? ? ? if (elements[i].className == ?clsName) {

? ? ? ? eles.push(elements[i]);

? ? ? }

? ? ? return eles;

? }

}

window.onload = drag;

function drag() {

? var oTitle = getByName('login_logo_webqq','loginPanel')[0];

? oTitle.onmousedown = fnDown;

}

function fnDown() {

? var oDrag = document.getElementById('loginPanel')

? document.onmousemove = function(event){

? ? event = event || window.event;

? ? oDrag.style.left = event.clientX+'px';

? ? oDrag.style.top = event.clientY+'px';

? }

}

DOM時(shí)間探秘里邊照著視頻打的，對(duì)了一遍沒(méi)找到問(wèn)題……控制臺(tái)報(bào)錯(cuò)Cannot set property 'onmousedown' of undefined，不知道啥原因……望解答，謝謝！

自律讓人自由4008941

2016-11-20

源自：DOM事件探秘 4-1

關(guān)注問(wèn)題我要回答

354

操作

收起

1 回答

宋匿
2016-11-20

return?eles;

應(yīng)該在 for 循環(huán)外

??for?(var?i=0;i<elements.length;i++)?{
??????if?(elements[i].className?==??clsName)?{
????????eles.push(elements[i]);
??????}
??}
??return?eles;

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

自律讓人自由4008941 提問(wèn)者

謝謝~~ for (var i=0;i<elements.length;i++) { if (elements[i].className == clsName) { eles.push(elements[i]); return eles; } } 剛開(kāi)始是放在外面的，不知道為什么不行。后來(lái)改成這樣就可以了。不過(guò)現(xiàn)在整個(gè)腳本寫(xiě)完，再把return放到for外面，又沒(méi)問(wèn)題了?？赡苁沁^(guò)程中有我沒(méi)注意到的問(wèn)題。再問(wèn)一個(gè)問(wèn)題，放在for里面和外面的區(qū)別是不是，每次都返回與最后整體返回？