2017-05-23 3 views
1

Screen shoot from zk demoZKのすべてのコンポーネントにテキストをドラッグするのを防ぐ方法

私はユーザーから問題が発生しました。上記の私のスクリーンショットのように、zkコンポーネントからテキストのドラッグを無効にするには?私はzkのデモでuserNameフィールドの値をパスワードフィールドにドラッグしようとしています。私はそれがzkだけではないと思う。 draggabledropableプロパティを使用している場合、コンポーネントが多すぎるため多くの労力がかかります。私は何をすべきか?

答えて

2

この種類のドラッグアンドドロップは、ユーザーがテキストを強調表示してから、他の場所(Microsoft Wordなどのブラウザやブラウザの検索ボックス)にコピーまたは切り取りできる機能です。

これを防ぐために、あなたはドラッグにブラウザのデフォルトの動作をオーバーライドする必要があります。詳細については

<body ondragstart="return false" draggable="false" ... 

、同様の質問にこの回答を参照してください。その上でコメントしたようhttps://stackoverflow.com/a/1593528/7653073

あなたはそれをそのまま残すことを検討したいかもしれません。デフォルトのブラウザー動作であるため、ユーザーがそれを見逃している可能性があります。

+0

Yess私はこれがデフォルトのブラウザの振る舞いであることに同意し、問題ではないはずですが、デフォルト値で無効な 'textbox'を使用していて、ユーザーが何かをドラッグしてテキストボックスにドロップすると問題になります。 –

+0

@syamhoung無効なテキストフィールドにテキストを落とそうとしましたが、 ''と何も起こりませんでした。テキストボックスの内容は変更されませんでした。 –

関連する問題