问答详情
源自:4-1 [DOM事件] QQ面板拖拽效果(上)

drag.js

// JavaScript Document

//封装一个调用类名的方法,以适用于所有浏览器

function getByClass(class,patent){//class是必须的,parent不是必须的

var pare=parent?document.getElementById(parent):document,//判断是否有父元素

eles=[],//有相同className的元素的集合

elements=pare.getElemetsByTagName('*');//所有取出的父元素下的元素

//遍历

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

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

eles.push(elements[i]);

}

}

return eles;

}

//实现拖拽

window.onload=drag;

//提取相应类名的元素

function drag(){

var title=getByClass('login_logo_webqq','loginPanel')[0];//取标题区

title.onmousedown=fnDown; //onmousedown:在用户按下任何鼠标按钮时触发

}

// 事件

function fnDown(){

document.onmousemove=function(event){//mousemove:当鼠标指针在元素内部移动是重复的触发

event=event||window.event;

document.title=event.clientX+','+event.clientY;

}

//var fn=title.onmousedown.clintX;

}

哪里错了,我是跟着课程一点点的打的为什么无法显示鼠标的坐标

提问者:慕粉13727861792 2018-01-15 15:41

个回答

  • 小可二
    2018-01-19 13:39:09
    已采纳

    function getByClass(class,patent)//parent打错了