4

div を作成して、カーソルをその上に置いたときに (javascript を使用して) 検出できるようにする必要がありますが、div をクリックしてその下の要素に移動できるようにしたいと考えています。これを行う方法はありますか？

ありがとう

4

2 に答える 2

0

編集 私が知る限り、そして私のクイック検索を通して、あなたがこれを行うことができるとは思いません。もしあなたがそれを行うことができれば、それは簡単ではなく、または非常に実用的ではないと思います。

年

jQueryの使用：

$(document).ready(function(){
    $("body").on("hover", "div", function(){
         //do whatever you want on hover
    });

    $("body").on("click", "div .child-class", function(){
        //do whatever on click
    });
});

これがあなたの質問に答えず、あなたが望むことをするのでなければ、なぜそれが答えないのか、より具体的に何を私に知らせてください。

于 2012-12-27T21:01:02.167 に答える
0

問題に応じて、これには複数の解決策があります。いくつかの仮定から始めます: 1. あなたはページの所有者です (そこで何が起こるか知っています)。2. クリックした要素の下にある要素がわかります。

この場合、次のコードを確認してください。

//function executed when you click on element with id: beneath
function clickOnBeneath() {
    alert("beneath click");
}

//function executed when you click on element with id: above
function clickOnAbove() {
    var beneathEl;
    beneathEl = document.getElementById("beneath");
    beneathEl.click();
}

//attach click event on element with id: above and beneath
function attachClickOnElements() {
    var aboveEl,
        beneathEl;
    aboveEl = document.getElementById("above");
    aboveEl.addEventListener("click", clickOnAbove, false);
    beneathEl = document.getElementById("beneath");
    beneathEl.addEventListener("click", clickOnBeneath, false);
}

attachClickOnElements();

また、実際の例: http://jsfiddle.net/darkyndy/xRupb/

その下にある要素がわからない場合は、数年前にこのようなコードを書いたので、いくつかのコードを見つけようとします。開始点として、HTML 要素で使用できるgetClientRects()関数を確認できます (ドキュメント: https://developer.mozilla.org/en-US/docs/DOM/element.getClientRects )

于 2012-12-27T21:55:07.727 に答える