タグ付けされた質問 「mouseevent」


9
カーソルを指ポインターに変更
私はこれを持っaていますが、カーソルが通常のリンクのように指のポインタに変わるように「onmouseover」に挿入する必要があることを知りません: <a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a> 私はどこかに置く必要があることを読みました: onmouseover="cursor: hand (a pointing hand)" しかし、それは私のために働いていません。 さらに、これがJavaScript、CSS、または単なるHTMLと見なされるかどうかはわかりません。
234 html  css  mouseevent 

8
jQueryは要素内のマウス位置を取得します
ユーザーがdivの内側をクリックして、マウスをドラッグし、マウスを離して、何かにしたい期間を指定できるコントロールを作成したいと思っていました。(これはカレンダーコントロール用であるため、ユーザーは特定のイベントの長さを時間で示します) これを行う最良の方法は、「mouseup」イベントがトリガーされるまで、divに「mousemove」イベントを登録する親divに「mousedown」イベントを登録することです。「mousedown」および「mouseup」イベントは、時間範囲の開始と終了を定義します。「mousemove」イベントに従うと、範囲のサイズを動的に変更して、ユーザーが何をしているかを確認できます。これは、Googleカレンダーでのイベントの作成方法に基づいています。 私が抱えている問題は、jQueryイベントがページ全体に関して信頼できるマウス座標情報しか提供しないように見えることです。親要素を基準にして座標が何であるかを見分ける方法はありますか? 編集: ここに私がやろうとしていることの写真があります:
165 jquery  mouseevent 


14
ReactJSでどのようにホバーしますか?-onMouseLeaveが高速ホバーオーバー中に登録されない
インラインスタイリングを行うときに、ReactJSでホバーイベントまたはアクティブイベントをどのように達成できますか? onMouseEnter、onMouseLeaveのアプローチにはバグがあることがわかったので、別の方法があることを期待しています。 具体的には、コンポーネントにすばやくマウスを合わせると、onMouseEnterイベントのみが登録されます。onMouseLeaveは起動しないため、状態を更新できません...コンポーネントがまだホバーされているように見えます。「:active」css疑似クラスを模倣した場合も、同じことに気づきました。本当に速くクリックすると、onMouseDownイベントだけが登録されます。onMouseUpイベントは無視されます...コンポーネントはアクティブなままです。 これが問題を示すJSFiddleです:https ://jsfiddle.net/y9swecyu/5/ 問題のあるJSFiddleのビデオ:https ://vid.me/ZJEO コード: var Hover = React.createClass({ getInitialState: function() { return { hover: false }; }, onMouseEnterHandler: function() { this.setState({ hover: true }); console.log('enter'); }, onMouseLeaveHandler: function() { this.setState({ hover: false }); console.log('leave'); }, render: function() { var inner = normal; if(this.state.hover) { inner = …

6
jqueryホバーイベントを遅延しますか?
jqueryのホバーイベントを遅らせたいのですが。ユーザーがリンクまたはラベルにカーソルを合わせると、ファイルから読み取っています。ユーザーが画面上でマウスを動かしているだけの場合に、このイベントがすぐに発生するのは望ましくありません。イベントの発生を遅らせる方法はありますか? ありがとうございました。 コード例: $(function() { $('#container a').hover(function() { $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'}, function() { $(this).appendTo('#info'); } ); }, function() { $('#info').remove(); } }); }); 更新: (1/14/09) HoverIntentプラグインを追加した後、上記のコードを次のように変更して実装しました。実装は非常に簡単です。 $(function() { hiConfig = { sensitivity: 3, // number = sensitivity threshold (must be 1 or higher) interval: 200, // number = milliseconds …


2
スクロールとCSSスクロールスナップにキーボードイベントを同時に使用すると競合が発生する
、キーを押すとSpace Bar、デモページを水平にスクロールできます。マウスまたはトラックパッドでスナップスクロールすることもできます。Page Up / Page DownLeft Arrow / Right Arrow しかし、どちらか一方のみが機能します。 キーボードイベントとCSSスクロールスナップが共存できる方法はありますか?何が欠けていますか?1週間以上この問題に取り組んできたので、どんな助けでも本当にありがたいです。 CodePenのデモをご覧ください (関連するCSSコードのコメントを解除して、スクロールスナップ効果を有効にして、キーボードショートカットが機能しなくなったことを確認してください。) コードスニペットを表示 import animate from "https://cdn.jsdelivr.net/npm/animateplus@2/animateplus.js" const sections = Array.from(document.querySelectorAll("section")).sort( (s1, s2) => { return s1.getBoundingClientRect().left - s2.getBoundingClientRect().left } ) const getSectionInView = () => { const halfWidth = window.innerWidth / 2 const index = sections.findIndex( section …

1
SwiftUIで右クリックを検出するにはどうすればよいですか?
私は、 SwiftUIを知るのに役立つ簡単なMinesアプリを作成しています。そのため、プライマリクリック(通常はLMB)で「掘る」(そこに地雷があるかどうかを明らかにする)ようにし、セカンダリクリック(通常はRMB)でフラグを付けるようにします。 掘り出し作業中!しかし、フラグの配置方法がわかりません。セカンダリクリックを検出する方法がわからないためです。 これが私が試していることです: BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .gesture(TapGesture().onEnded(self.handleUserDidTap(square))) 以前に示唆したように、によって返される関数はhandleUserDidTapクリック時に正しく呼び出されますが、によって返される関数はhandleUserDidAltTap、Ctrlキーを押したときにのみ呼び出されます。それがコードが言っていることなので、それは理にかなっています...しかし、セカンダリクリックを登録するAPIが見当たらないので、他に何をすべきかわかりません。 私もこれを試しましたが、動作は同じように見えました: BoardSquareView( style: self.style(for: square), model: square ) .gesture(TapGesture().modifiers(.control).onEnded(self.handleUserDidAltTap(square))) .onTapGesture(self.handleUserDidTap(square))
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.