第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

JS mousemove事件監(jiān)聽問題?

JS mousemove事件監(jiān)聽問題?

海綿寶寶撒 2019-03-15 18:15:24
<div class="colorPanel">    <div class="selector"><span></span></div>    <div class="bg bg1"></div>    <div class="bg bg2"></div></div>這是結(jié)構(gòu)代碼$(document).ready(function () {    var eventCrit = false;    var colorPanel = $('div.colorPanel');    colorPanel.mousedown(function(e) {        eventCrit = true;        handleMousemove(event, colorPanel);    });    $(document).mousemove(function(e) {        if(!eventCrit) return;            handleMousemove(event, colorPanel);    });    colorPanel.mouseup(function(e) {        eventCrit = false;    });    });var handleMousemove = function (event, element) {    event.preventDefault();    var leftValue = (event.offsetX / element.width()) * 100 + '%';    var topValue = (event.offsetY / element.height()) * 100 + '%';    var selector = $('.selector');    console.log(leftValue, topValue);    selector.css({left: leftValue, top: topValue});}這是一個(gè)調(diào)色板的Demo,在鼠標(biāo)移動(dòng)的時(shí)候,出現(xiàn)了不正常的值:我確定我移動(dòng)的方向無錯(cuò)誤,但是在第四行和倒數(shù)第三行出現(xiàn)了不正常的數(shù)值,是我的代碼問題嗎?在百度、Google、問人后無果,請大神解惑,感激。
查看完整描述

3 回答

?
波斯汪

TA貢獻(xiàn)1811條經(jīng)驗(yàn) 獲得超4個(gè)贊

把 element.width() 和 element.height() 提前保存起來看看


查看完整回答
反對 回復(fù) 2019-03-22
?
慕神8447489

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超1個(gè)贊

遇到這種問題,你自己在打印的時(shí)候詳細(xì)一點(diǎn),把計(jì)算該數(shù)值的每一項(xiàng)都打印一下,找到是哪項(xiàng)不一樣了再去找為什么,現(xiàn)有的代碼也看不出啥~~


查看完整回答
反對 回復(fù) 2019-03-22
  • 3 回答
  • 0 關(guān)注
  • 1331 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號