2012-02-28 29 views
0

ページが読み込まれているときに画面/ Webページまたはページの上部/下部にカーソル位置を設定する方法はありますか?もしそうなら、どうすればそれをターゲットにすることができます、多分javascript、jquery、またはPHPを使用して?ありがとう!画面上のカーソル位置を設定する方法は?

+0

あなたが達成しようとしているもの手の込んだていただけますか? 「ホバー」イベントのアクションを設定しようとしている場合は、バックエンドのアクションを偽装することで簡単に達成できます。マウスを物理的にページのどこかに置く必要はありませんマウスの位置がトリガされているものであればその効果を作り出すことができるからです。 – Ohgodwhy

+0

@Ohgodwhy、マウスポインタを画面外に移動したいのは、作成しているページがタグページなので、人々は次のページがどこにでも表示されるためです。私は、マウスを動かしてページとやりとりするまで、ページを開いたときに人々がステータスバーのアドレスを見ることを望んでいないので、スクリーンからカーソルを動かすことが私の心に浮かんだのです。助言がありますか?ありがとう。 – grumpypanda

+0

私は100%の透明な背景を持つオーバーレイを使用します。これにより、誰かが要素の下までクリックすることができなくなりますが、その下にあるすべてのデータが表示されます。次に、jquery.mousemove関数を呼び出し、DOMからのレイアオーバーを削除します。 – Ohgodwhy

答えて

2

この応答は、読み込み中にページとのやり取りを避ける必要があるユーザーに基づいています。最初は正しく表現されていませんでした。

まず、レイオーバを作成する必要があります。このために、「pageLayover」というIDを使用します。

たちのCSS:

#pageLayover{ 
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:transparent; 
    z-index:9000; 
    display:block; 
} 

そして、私たちのjQuery:

$(function(){ 
    $("body").append('<div id="pageLayover"></div>'); 
    $(document).mousemove(function(){ //capture mouse movement event 
    $("#pageLayover").remove(); // remove our layover from the DOM 
    }); 
}); 

基本です。そこからそれを微調整することができます。複数のユーザーがマウスを常に使用しているため、ページの読み込みが数秒後になるまで機能の使用を遅らせることができます。

幸運。

の編集ソリューション私はここMyStreamに同意

に優れた可視性を提供するために、これは間違いなく有限のソリューションではありません。私がコメントに書いたように、調整が行われています。

この機能をクリック機能としたい場合は、クリック機能にするだけです。

$("#myClickElement").live('click', function(){ 
    $("body").append('<div id="pageLayover"></div>'); 
}); 

はpagelayoverを追加します。あなたがクリックする削除の範囲を移動したい場合は、次のような、正規化されたマウスダウン機能を使用することができます - >

$('#element').mousedown(function(event) { 
    if(event.which == 1){ $("#pageLayover").remove(); 
}); 
+0

コードのおかげで、私はhttp://jsfiddle.net/EXfnN/17/に自分のコードを追加したので、最初のページですが、動作しません。あなたは一見を持って、私が何か間違っていたかどうかを知ることができるでしょうか?私はあなたの助けに感謝します。ありがとうございました! – grumpypanda

+0

jsFiddleを更新しました。今すぐチェックしてください。コードは最上部にある必要があり、バックグラウンドを黒色に変更したので、レイオオーバーが実際に機能することがわかります。あなたが理解する必要があるのは、マウスを動かすと、レイオーバはDOMから削除されるということです。先ほど述べたように、その効果を遅らせたい場合は、タイムアウトを設定したり、マウスの移動距離を監視したりすることができます。 – Ohgodwhy

+0

また、$(function(){ $(function()$(function(){文字通り$(document).ready(function())のjQuery形式に変換されます。これはwindow.onload = function(){}であるJSから変換されます。 – Ohgodwhy

3

Javascriptでマウスの位置を設定する方法はありません。重大なセキュリティ上の問題が発生します。
どのウェブサイトでもマウスを制御できるかどうか、どのように混乱するかを想像してみてください。

+0

こんにちはDeantoni、ご返信ありがとうございます。だから、ページがロードされているときにカーソルがどこにあるのかを設定できる方法はありますか?マウスでマウスを動かすことはできますか?ありがとう。 – grumpypanda

+0

カーソルで、マウスポインタを意味します。 – deantoni

+1

いいえ、ただし、ページ上の特定のフォームフィールドや要素内にフォーカスを置くことができます。 – MyStream

1

特定の入力要素にフォーカスを設定できます。こうすることで、ユーザーが次にテキストを入力したときに起こることを制御できます。 Googleの "setfocus javascript"

マウスを制御することはできません。ユーザーがマウスを制御します。

+0

申し訳ありません私は自分自身を明確にしませんでした。私が作成しているページがタグページなので、マウスポインタを画面外に移動したいのは、次のページが表示されるためです。私は、マウスを動かしてページとやりとりするまで、ページを開いたときにステータスバーのアドレスを表示させたくありません。焦点を当てることはできますか?それとも他の方法ですか?ありがとう。 – grumpypanda

関連する問題