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

JavaScriptに頼らずに、Firefoxで画像をドラッグも選択もできないようにする方法を誰かが知っていますか？ささいなことのようですが、ここに問題があります： 1）Firefoxでドラッグして強調表示できます。 <img src="..."> 2）これを追加しますが、ドラッグ中に画像を強調表示することができます： <img src="..." draggable="false"> 3）これを追加して、強調表示の問題を修正しますが、直感に反して、画像は再びドラッグ可能になります。おかしい、わかった！FF 16.0.1の使用 <img src="..." draggable="false" style="-moz-user-select: none;"> では、なぜ「-moz-user-select：none」を追加すると、どういうわけか「draggable = false」が切り捨てられて無効になる理由を知っていますか？もちろん、webkitは期待どおりに動作します。これについてはインターウェブ上には何もありません...これにいくつかの光を当てることができれば素晴らしいと思います。 ありがとう!! 編集： これは、UI要素が誤ってドラッグされないようにし、使いやすさを向上させることです。

132 css  html  firefox  draggable 

draggable()FirefoxとChromeで動作するjQuery UI があります。ユーザーインターフェイスのコンセプトは、基本的にクリックして「ポストイット」タイプのアイテムを作成することです。 基本的に、クリックdiv#everythingをリッスンする（高さと幅が100％）をクリックまたはタップすると、テキスト入力エリアが表示されます。あなたはテキストを追加し、それが終わったらそれを保存します。この要素をドラッグできます。これは通常のブラウザで機能しますが、iPadではアイテムをドラッグできないのでテストできます。タッチして選択すると（少し暗くなる）、ドラッグできなくなります。左右にドラッグしません。私がすることができます上下にドラッグが、私は個人をドラッグしていないよdiv、私は、全体のWebページをドラッグしています、。 クリックをキャプチャするために使用するコードは次のとおりです。 $('#everything').bind('click', function(e){ var elem = document.createElement('DIV'); STATE.top = e.pageY; STATE.left = e.pageX; var e = $(elem).css({ top: STATE.top, left: STATE.left }).html('<textarea></textarea>') .addClass('instance') .bind('click', function(event){ return false; }); $(this).append(e); }); そして、これが私がメモを「保存」して入力divを単なる表示divに変えるために使用するコードです： $('textarea').live('mouseleave', function(){ var val = jQuery.trim($(this).val()); STATE.content = val; if (val == '') { $(this).parent().remove(); …

112 jquery  jquery-ui  ipad  draggable  touchscreen