質問編集履歴
4
どういう意味か
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
contenteditable属性をつけたdiv内のテキストをドラッグ禁止にしたいです。
|
|
3
3
|
下記のコードのようにcssでドラッグ不可にできそうな事をしていますが、効きません。
|
|
4
4
|
|
|
5
|
+
|
|
6
|
+
###どのような状態にしたいか
|
|
7
|
+
atomテキストエディタのような挙動にしたいのです。atomはドラッグできません。
|
|
8
|
+
[動画を貼りました](https://streamable.com/994u)
|
|
5
9
|
```html
|
|
6
10
|
<!DOCTYPE html>
|
|
7
11
|
<html lang="ja">
|
3
コードの間違い
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
</style>
|
|
22
22
|
</head>
|
|
23
23
|
<body>
|
|
24
|
-
<div id="box" >
|
|
24
|
+
<div id="box" contenteditable="true">
|
|
25
25
|
ドラッグ禁止になりません
|
|
26
26
|
</div>
|
|
27
27
|
</body>
|
2
コードの間違い
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
<script type="text/javascript" src="jquery-3.1.1.min.js"></script>
|
|
11
11
|
<style>
|
|
12
12
|
#box{
|
|
13
|
+
user-select:none;
|
|
14
|
+
-webkit-user-select:none;
|
|
13
15
|
-webkit-user-drag:none;
|
|
14
16
|
-khtml-user-drag:none;
|
|
15
17
|
border-style:solid;
|
|
@@ -19,10 +21,9 @@
|
|
|
19
21
|
</style>
|
|
20
22
|
</head>
|
|
21
23
|
<body>
|
|
22
|
-
<div id="box"
|
|
24
|
+
<div id="box" >
|
|
23
25
|
ドラッグ禁止になりません
|
|
24
26
|
</div>
|
|
25
27
|
</body>
|
|
26
28
|
</html>
|
|
27
|
-
|
|
28
29
|
```
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
###問題
|
|
2
2
|
contenteditable属性をつけたdiv内のテキストをドラッグ禁止にしたいです。
|
|
3
|
-
下記のコードのように
|
|
3
|
+
下記のコードのようにcssでドラッグ不可にできそうな事をしていますが、効きません。
|
|
4
4
|
|
|
5
5
|
```html
|
|
6
6
|
<!DOCTYPE html>
|