課程
/前端開發
/JavaScript
/鼠標拖拽效果
請問事件1是怎么在Chrome調試的?怎么我的報錯呢?報錯提示:"Cannot read proerty 'addEventListener' of null",請問怎么解悶?
2015-04-23
源自:鼠標拖拽效果 5-1
正在回答
我也有這個問題,是這樣解決的:
將監聽事件放到一個函數中,再放到window.onload中就可以了,我這樣后就好了,但具體原因不清楚哈
function?dd(){ g('dialogDrag').addEventListener('mousedown',function(e){ var?e=e?||?window.event; startX=e.pageX-g('dialogMove').offsetLeft; console.log(startX); startY=e.pageY-g('dialogMove').offsetTop; ????drag=true; }) } window.onload=function(){dd();}
程序員琪輝 提問者
我的代碼是這樣的:
//鼠標按下可拖動狀態
var mouseOffsetX = 0; //鼠標當前X坐標
var mouseOffsetY = 0; //鼠標當前Y坐標
var isDraging = false; //是否可拖動標記
$('modal-header').addEventListener('mousedown', function(evt) {
var e = evt || window.Event;
mouseOffsetX = e.pageX - $('modal-content').offsetLeft;
mouseOffsetY = e.pageY - $('modal-content').offsetTop;
isDraging = true;
});
用法是obj.addEventListener(); 你這個錯就是obj不存在,檢查一下
舉報
用你的鼠標任意拖拽屏幕上的彈出窗口,了解把元素設置為可拖拽的原理
2 回答為什么mousedown事件用addEventListener()這樣DOM2級,而mousemove用的DOM0級
1 回答addEventListener兼容問題??
2 回答為什么一定要用addEventListener不能直接用onmousedown呢
1 回答鼠標事件我這里第一步就出錯了
3 回答點擊遮罩層關閉登陸框的冒泡事件怎么處理
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-08-03
我也有這個問題,是這樣解決的:
將監聽事件放到一個函數中,再放到window.onload中就可以了,我這樣后就好了,但具體原因不清楚哈
2015-04-23
我的代碼是這樣的:
//鼠標按下可拖動狀態
var mouseOffsetX = 0; //鼠標當前X坐標
var mouseOffsetY = 0; //鼠標當前Y坐標
var isDraging = false; //是否可拖動標記
$('modal-header').addEventListener('mousedown', function(evt) {
var e = evt || window.Event;
mouseOffsetX = e.pageX - $('modal-content').offsetLeft;
mouseOffsetY = e.pageY - $('modal-content').offsetTop;
isDraging = true;
});
2015-04-23
用法是obj.addEventListener(); 你這個錯就是obj不存在,檢查一下