0

私はいくつかの基本的なコードでフィドルを作成しました。サイズ変更機能、コア Javascript 忍者、教祖についてアドバイスしてください

http://jsfiddle.net/developer11/ZGTL3/

<div id="bars">
<ul id="bars_3">
<li id="bars_3_0"><a id="resizer" href="javascript:;"></a></li>
</ul>
</div>

JavaScript は

document.getElementById("bars_3_0").firstChild.addEventListener("mousedown", function() {
event.preventDefault();
document.addEventListener("mousemove", mousemoveHandler);
}, false);

document.addEventListener("mouseup", function() {
document.removeEventListener("mousemove", mousemoveHandler);   
});

function mousemoveHandler() {
console.log('move');   
}
4

2 に答える 2

0 
document.getElementById("bars_3_0").firstChild.onmousedown = function() {
        console.log('down');
    };

これでフィドラーコードの問題が解決することを願っています。

document.getElementById("bars_3_0").firstChild.onmousedown=function() {
document.onmousemove=mousemoveHandler
};

document.onmouseup=function() {
document.onmousemove='';   
};

function mousemoveHandler() {
console.log('move');   
}
于 2013-02-13T12:12:49.033 に答える
0

フラグを true onmousedownに設定し、 false on に設定してみてくださいmouseup。次にmousemove、要素の高さまたは位置を変更して、現在のマウス位置に一致させることができます。

mousemoveリスナーでは、mousedownフラグをチェックして、位置を更新する必要があるかどうかを確認できます。

このページは、開始するのに役立つ場合があります。

于 2013-02-13T11:51:41.597 に答える