0

だから私はこのようなdivを持っています:

------------------
------------------
-------------- ----
------------------

javascript または jqueryを使用し、追加のタグを使用せずに、ユーザーがこの領域 (10px) を超えたことを検出することができます。

---------------- --
---------------- --
-------------- -- --
---------------- --

追加のタグを使用して作成する方法は知っていますが、 javascript のみを使用するより良いオプションがあるかどうかを知りたいです。

4

1 に答える 1

1

タグを追加せずに、JavaScript でイベント ハンドラーをアタッチできます。たとえば、次のような DIV があるとします。

<div id="xdiv" style="width:100px; height:100px; border: solid 1px black" />

onmousemove純粋な JavaScript では、次のようにアタッチできます。

document.getElementById("xdiv").onmousemove = function(e) {
    var evt = e || event;

    if (this.offsetWidth - evt.offsetX > 10) {
        this.style.backgroundColor = "red"
    } else {
        this.style.backgroundColor = "green"
    }
}

DIV の上にマウスを移動すると、右側の 10px 以内に移動すると緑色になります。それ以外の場合は赤になります。

ライブデモ: http://jsfiddle.net/25SXW/3/

于 2013-09-05T00:39:31.720 に答える