問題タブ [onmousemove]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
c# - フォーム上でマウスの位置を取得する最良の方法は何ですか?
フォームのマウス位置を取得する最良の方法が必要です。
私は今、変数にマウス位置の値を設定して、「Form1_Click」のような別のメソッドでそれらを取得しています。
それを行うより良い方法はありますか??。
どうもありがとうございました。
javascript - onmouseover、onmouseout、onclick イベントでの画像の変更
img1とimg2という2つの画像があります。私のコード：
要件は、マウスオーバーで img1 が必要で、マウスアウトで img2 が必要ですが、クリックすると、div を開いて img2 をフリーズし、再度クリックすると div が消え、onmouseover と onmouseout の状態が機能する必要があります。現在の問題は、クリックすると div が表示されますが、onmouse over および onmouseout 関数も起動されることです。
クシ
javascript - 道場 - マウス (x, y) - ドラッグ アンド ドロップ - フラストレーション
dojo.dnd を使用してオブジェクトをドラッグしようとしていますが、アバターをオブジェクトと同じ位置に配置したいと考えています (マウスに対して)。
つまり、人がオブジェクトの中央をクリックすると、マウス カーソルはアバターの中央になります。
あらゆる種類の奇妙な結果が得られました。関数を body.onmousemove に接続すると、dnd のドロップ部分が失敗します。
どうすればこれを機能させることができますか?
<html>
<head>
<title>DnD Events</title>
<style type="text/css">
.target
{
border: 1px dotted gray;
width: 300px;
height: 300px;
padding: 5px;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
}
.source
{
border: 1px dotted skyblue;
height: 200px;
width: 300px;
-moz-border-radius: 8pt 8pt;
radius: 8pt;
}
.dojoDndItemOver
{
background: #feb;
border: 1px dotted gray;
}
.target .dojoDndItemAnchor
{
background: #ededed;
border: 1px solid gray;
}
.dojoDndAvatarHeader {
display: none;
}
</style>
<script type="text/javascript" src="dojo/dojo.js" djconfig="parseOnLoad: true, isDebug:false"></script>
<script type="text/javascript">
dojo.require("dojo.dnd.Source");
dojo.require("dojo.dnd.Container");
dojo.require("dojo.dnd.Moveable");
dojo.require("dojo.dnd.Manager");
dojo.require("dojo.dnd.Avatar");
var mouse = { x: 0, y: 0 , handle:undefined};
function mouseCoords(ev) {
var px, py;
ev = ev || window.event;
if (ev.pageX || ev.pageY) {
px = ev.pageX; py = ev.pageY;
} else {
px = ev.clientX + dojo.body().scrollLeft - dojo.body().clientLeft;
py = ev.clientY + dojo.body().scrollTop - dojo.body().clientTop;
}
mouse = { x: px, y: py };
// dojo.byId("msg").innerHTML = dojo.toJson(mouse);
}
//dnd WORKS when following lines are commented out. (positioning fails)
var mchandle = dojo.connect(document, "onmousemove", 'mouseCoords');
//dojo.query(".dojoDndItem").connect("onclick", 'mouseCoords');
//dojo.dnd.Source.onMouseDown('mouseCoords')
</script>
<script type="text/javascript">
var item_price;
var total = 0;
function AddItems(target, nodes) {
for (var i = 0; i < nodes.length; i++)
{ total += parseFloat((target.getItem(nodes[i].id)).data); }
dojo.byId("cost").innerHTML = total;
}
function SubstractItems(target, nodes) {
for (var i = 0; i < nodes.length; i++) {
total -= parseInt((target.getItem(nodes[i].id)).data);
}
dojo.byId("cost").innerHTML = total;
}
function ShowPrice(target, nodes) {
var sum = 0;
for (var i = 0; i < nodes.length; i++) {
dojo.dnd.manager().OFFSET_X = 0 - (mouse.x - dojo._abs(nodes[i]).x);
dojo.dnd.manager().OFFSET_Y = 0 - (mouse.y - dojo._abs(nodes[i]).y);
dojo.dnd.manager().updateAvatar();
sum += parseInt((target.getItem(nodes[i].id)).data);
}
dojo.byId("msg").innerHTML = "Selected Item Price is $" + sum;
}
function ClearMsg()
{ dojo.byId("msg").innerHTML = ""; }
function init() {
dojo.subscribe("/dnd/drop", function(source, nodes, iscopy) {
var t = dojo.dnd.manager().target;
ClearMsg();
if (t == source) { return; }
if (t == cart) { AddItems(t, nodes); }
if (t == shelf) { SubstractItems(t, nodes); }
});
dojo.subscribe("/dnd/start", function(source, nodes, iscopy) {
ShowPrice(source, nodes);
});
dojo.subscribe("/dnd/cancel", function() {
ClearMsg();
});
}
dojo.addOnLoad(init);
</script>
</head>
<body style="font-size: 12px;">
<table>
<tbody>
<tr valign="top">
<td>
SOURCE
<div dojotype="dojo.dnd.Source" jsid="shelf" class="source" id="source1" accept="red,blue"
singular="false">
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="10" title="$10" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="60" title="$60" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="13" title="$13" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="15" title="$15" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="3" title="$3" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="148" title="$148" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="1" title="$1" />
<img src="RED.png" class="dojoDndItem" dndtype="red" dnddata="10" title="$10" />
<img src="BLUE.png" class="dojoDndItem" dndtype="blue" dnddata="3" title="$3" />
</div>
</td>
<td>
TARGET
<div dojotype="dojo.dnd.Source" jsid="cart" class="target" accept="red,blue" id="target1">
</div>
</td>
<td>
Total Price (USD): <span id="cost">0.00</span><br />
<b>Message: <span id="msg" style="color: blue"></span></b>
<td>
</tr>
<tbody />
</table>
</body>
</html>
java - Javaでカーソル位置を効率的に追跡するには?
私が作成しようとしている効果は、マウスが JPanel の特定のゾーンに入るとマウス カーソル アイコンが変化し、ゾーンを離れるとデフォルトに切り替わることです。MouseMotionListener クラスの MouseMoved 機能を使用しています。この機能は、マウスが JPanel の上を移動するたびに、座標が特別な領域に対応しているかどうかを確認します。
ただ、この方法だとパソコンのプロセッサへの負担が非常に大きいので、もっと効率の良い方法がないか聞きたいと思いました。どんな助けでも大歓迎です。
プログラムが行うことは、JPanel に図を描画することです。[接続] ボタンが選択されている場合、ユーザーが 1 つの図をクリックしてから別の図をクリックすると、それらの図が線で接続されます。
図形は JPanel に描画され、それぞれの領域境界が格納されているため、マウスが移動すると、現在の X 座標と Y 座標がそれらの領域のいずれかの内側にあるかどうかがチェックされ、そうであればカーソルが変更されます。checkValidConnectionRegion は、現在の X 変数と Y 変数が Figure の領域内にあるかどうかを確認します。ハンドラーのコードは次のとおりです。
javascript - この JavaScript を変更して、mousemove の幅よりも高さを小さく読み取ることはできません
そこで、このjQuery CSS ドック メニューをセットアップしようとしています。セットアップで近くに入ることができます。近さは、ズームがトリガーされるタイミングを決定しますが、1 つの距離しか入れられません。高さと幅も同じです。このコードを変更して、高さを 1 つ、幅を 1 つ入力できるようにするにはどうすればよいですか? または、値を 1 つだけ入力して、垂直方向の値を半分にするにはどうすればよいですか? どちらでも機能します...変更が必要だと思われるコードの一部を次に示します...全体が必要な場合はお知らせください。残りの部分を投稿します
何か案は？
ありがとう、
マット
delphi - D2010 でマウスが動いていないときに OnMouseMove が繰り返し発生するのはなぜですか?
Delphi 5 アプリを D2010 に移植していますが、少し問題があります。1 つのフォームには、マウスが画像上に移動するたびにラベルを更新する OnMouseMove イベントを持つ TImage コンポーネントがあります。これは元のアプリでは問題なく機能していましたが、今では OnMouseMove イベントは、画像が動いているかどうかにかかわらず、マウスが画像の上にあるときは常に発生し、ラベルがひどくちらつきます。
これの原因と修正方法を知っている人はいますか？
c# - OnMouseMove イベントでマウスの左ボタンが押されているかどうかを確認する
OnMouseMoveコントロールのイベントでマウスの左ボタンが押されているかどうかを検出するにはどうすればよいですか?
javascript - document.onmousemove / onmmouseupは、IE入力またはtextareaでテキストを選択できないようにします
ドキュメントのonmousemoveまたはonmouseup属性を変更するときはいつでも、たとえば次のようになります。
document.onmousemove = myOnMouseMove;
document.onmouseup = myOnMouseUp;
これにより、InternetExplorerでinputtype ='text'またはtextarea要素のテキストを選択できなくなります（ie7およびie8で試しましたが、Firefoxでは問題ありません）。これらのいずれかを削除すると、テキストを再度選択できますが、自家製のドラッグアンドドロップ機能をページの他の場所で機能させるには、両方が本当に必要です。
onmouseXXX関数のデフォルト機能を保持し、関数を最後にアタッチする方法はありますか？それとも、これを行うためのより良い方法はありますか？
また、textareaのonkeyup属性を使用して、点滅するテキストカーソルをテキストの最後に強制的に使用する場合にも同じ問題が発生します。
ありがとう
jquery-plugins - jquery プラグイン: live() を使用したツールチップ プラグイン
通常の hoever と mousemove の代わりに live() メソッドに依存するツールチップ プラグインが必要です
greasemonkey - Greasemonkeyonmousemoveスクリプト
最初のmousemove-eventで特定のクラスのすべての画像を削除する必要があるUserScriptがあります。
Greasemonkeyスクリプトを書くのはかなり新しいので、これが私の最初のスクリプトです。少し足りないものがあると思います。
ご協力いただきありがとうございます！