ページが読み込まれているときに画面/ Webページまたはページの上部/下部にカーソル位置を設定する方法はありますか?もしそうなら、どうすればそれをターゲットにすることができます、多分javascript、jquery、またはPHPを使用して?ありがとう!画面上のカーソル位置を設定する方法は?
答えて
この応答は、読み込み中にページとのやり取りを避ける必要があるユーザーに基づいています。最初は正しく表現されていませんでした。
まず、レイオーバを作成する必要があります。このために、「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();
});
コードのおかげで、私はhttp://jsfiddle.net/EXfnN/17/に自分のコードを追加したので、最初のページですが、動作しません。あなたは一見を持って、私が何か間違っていたかどうかを知ることができるでしょうか?私はあなたの助けに感謝します。ありがとうございました! – grumpypanda
jsFiddleを更新しました。今すぐチェックしてください。コードは最上部にある必要があり、バックグラウンドを黒色に変更したので、レイオオーバーが実際に機能することがわかります。あなたが理解する必要があるのは、マウスを動かすと、レイオーバはDOMから削除されるということです。先ほど述べたように、その効果を遅らせたい場合は、タイムアウトを設定したり、マウスの移動距離を監視したりすることができます。 – Ohgodwhy
また、$(function(){ $(function()$(function(){文字通り$(document).ready(function())のjQuery形式に変換されます。これはwindow.onload = function(){}であるJSから変換されます。 – Ohgodwhy
Javascriptでマウスの位置を設定する方法はありません。重大なセキュリティ上の問題が発生します。
どのウェブサイトでもマウスを制御できるかどうか、どのように混乱するかを想像してみてください。
こんにちはDeantoni、ご返信ありがとうございます。だから、ページがロードされているときにカーソルがどこにあるのかを設定できる方法はありますか?マウスでマウスを動かすことはできますか?ありがとう。 – grumpypanda
カーソルで、マウスポインタを意味します。 – deantoni
いいえ、ただし、ページ上の特定のフォームフィールドや要素内にフォーカスを置くことができます。 – MyStream
特定の入力要素にフォーカスを設定できます。こうすることで、ユーザーが次にテキストを入力したときに起こることを制御できます。 Googleの "setfocus javascript"
マウスを制御することはできません。ユーザーがマウスを制御します。
申し訳ありません私は自分自身を明確にしませんでした。私が作成しているページがタグページなので、マウスポインタを画面外に移動したいのは、次のページが表示されるためです。私は、マウスを動かしてページとやりとりするまで、ページを開いたときにステータスバーのアドレスを表示させたくありません。焦点を当てることはできますか?それとも他の方法ですか?ありがとう。 – grumpypanda
- 1. 設定のカーソル位置 - クロスブラウザ
- 2. カーソルを画面外に設定する方法は?
- 3. 画面をクリアし、カーソル位置をコボルの画面の最後に設定する
- 4. edittextカーソルの絶対画面位置を取得する方法は?
- 5. コンソールのカーソル位置をスレッドセーフな方法で設定する
- 6. SWTテキストのカーソル位置を設定する方法
- 7. C#でカーソルの位置を設定する方法XNA
- 8. カーソルの位置を設定する方法。 (p5.js JavaScript)
- 9. gtkのカーソル位置を設定する方法-Linux、MonoDevelop
- 10. テキストエリアのカーソル位置を設定する方法
- 11. GWT RichTextAreaのカーソル位置を設定する方法
- 12. 画面上の位置にクリックイベントを生成する方法
- 13. Android TextViewでカーソル位置を設定する方法
- 14. Jquery - 画面上の左上位置
- 15. 要素の上に背景画像の位置を設定する方法は?
- 16. linearlayoutの左上隅の位置に画像を設定する方法は?
- 17. jQueryマウス位置の設定(カーソル位置ではない)
- 18. 位置を固定:固定;右:0;モバイルブラウザの画面上のエレメント
- 19. JSX/HTML5で画像の位置を設定する方法は?
- 20. FloatingActionButtonをTabs Layoutの画面上に設定する方法は?
- 21. wp7の銀色の画面上の固定位置にコントロールを配置する方法はありますか?
- 22. OpenGL:glPrint()の位置を画面に合わせて設定する
- 23. 画面上のHTMLタグの位置を取得する方法は?
- 24. iOS 5画面上のオブジェクトの位置
- 25. 画面上のAndroidの位置要素
- 26. CKEditor 4:カーソル/キャレットの位置を取得および設定する方法は?
- 27. ios:特定の位置でカーソルを起動する方法は?
- 28. UITextViewの左隅にカーソル位置を固定する方法は?
- 29. 画面上の位置右下
- 30. c#画面上の絶対位置コントロール
あなたが達成しようとしているもの手の込んだていただけますか? 「ホバー」イベントのアクションを設定しようとしている場合は、バックエンドのアクションを偽装することで簡単に達成できます。マウスを物理的にページのどこかに置く必要はありませんマウスの位置がトリガされているものであればその効果を作り出すことができるからです。 – Ohgodwhy
@Ohgodwhy、マウスポインタを画面外に移動したいのは、作成しているページがタグページなので、人々は次のページがどこにでも表示されるためです。私は、マウスを動かしてページとやりとりするまで、ページを開いたときに人々がステータスバーのアドレスを見ることを望んでいないので、スクリーンからカーソルを動かすことが私の心に浮かんだのです。助言がありますか?ありがとう。 – grumpypanda
私は100%の透明な背景を持つオーバーレイを使用します。これにより、誰かが要素の下までクリックすることができなくなりますが、その下にあるすべてのデータが表示されます。次に、jquery.mousemove関数を呼び出し、DOMからのレイアオーバーを削除します。 – Ohgodwhy