Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
1 / 1 / 1
Регистрация: 11.01.2015
Сообщений: 29

Почему при использовании Drag and Drop события можно использовать только рас к элементу ?

13.04.2016, 21:12. Показов 744. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Есть Drag and Drop и события на <div class="div1" onmousedown="Listenn()"> (внутри div находяться картинки )! С помощью Drag and Drop я реализую перетаскивание картинок по окну , но почему-то перетащить могу только рас , во второй рас картинка уже не реагирует ! Почему ?

Вот код JavaScript :


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
function Listenn(e) {
 
 
    e = e || window.event;
 
    var t = e.target || e.srcElement;
 
    var ball = document.getElementById(t.id);
 
 
    ball.ondragstart = function () {
        return false;
    };
 
 
    ball.style.position = 'absolute';
 
    moveAt(e);
 
    document.body.appendChild(ball);
 
    ball.style.zIndex = 1000;
 
 
    function moveAt(e) {
        ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
        ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
    }
 
 
    document.onmousemove = function (e) {
        moveAt(e);
    }
 
 
    ball.onmouseup = function (e) {
 
        document.onmousemove = null;
        ball.onmouseup = null;
 
        for (var i = 0, length = targ.length; i < length; i++) {
 
            if (i in targ) {
 
                var targ1 = document.getElementById(targ[i]);
 
                var targPos = getPosition(targ1);
 
                if ((e.pageX > targPos.x) &&
 
                    (e.pageX < (targPos.x + 73)) &&
 
                    (e.pageY > targPos.y) &&
 
                    (e.pageY < (targPos.y + 97))) {
 
 
                    //логика.....
 
 
                }
            }
        }
    }
 
    function getPosition(e) {
 
        var left = 0;
        var top = 0;
 
        while (e.offsetParent) {
 
            left += e.offsetLeft;
 
            top += e.offsetTop;
 
            e = e.offsetParent;
 
        }
 
        left += e.offsetLeft;
 
        top += e.offsetTop;
 
        return {x: left, y: top};
 
    }
 
}
Заранее СПАСИБО!!!
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.04.2016, 21:12
Ответы с готовыми решениями:

Drag & Drop в datagridview при использовании datatable
Здравствуйте! Нужно реализовать Drag &amp; Drop в datagridview при использовании datatable. Есть такой недосконалый код, который частично...

События MouseEnter/MouseLeave при drag-n-drop
описываю ситуацию: есть два контрола: &lt;Label Canvas.Top=&quot;40&quot; Canvas.Left=&quot;30&quot; Padding=&quot;10&quot; ...

Форма не получает события Drag&Drop от проводника и IE. Win7x64
Форма не получает события связанные с Drag&amp;Drop от некоторых приложений(проводник), а от некоторых получает. Есть у кого опыт решения...

8
 Аватар для massEffect
80 / 80 / 53
Регистрация: 22.03.2013
Сообщений: 271
14.04.2016, 12:12
При отпускании клавиши мыши на элементе, вы убираете все обработчики:
JavaScript
1
2
3
4
ball.onmouseup = function (e) {
 
        document.onmousemove = null;
        ball.onmouseup = null;
естественно после этого движения нет, вам нужно ставить данные обработчики каждый раз когда нажимаете мышь на нужном элементе
1
1 / 1 / 1
Регистрация: 11.01.2015
Сообщений: 29
14.04.2016, 15:07  [ТС]
massEffect, Значит когда я использую события какого-то элемента , то после использования я должен заново повесить обработчик событий ??? Если да, то как это сделать ( через что ) ???

А то я немного не понял)
0
 Аватар для massEffect
80 / 80 / 53
Регистрация: 22.03.2013
Сообщений: 271
14.04.2016, 17:27
я написал так исходя из представленного вами кода, где после отпускания кнопки мыши удаляются обработчики
перемещения и отпускания кнопки,
чтобы сказать как вам поступить, нужно видеть ваш код полностью
0
1 / 1 / 1
Регистрация: 11.01.2015
Сообщений: 29
14.04.2016, 18:32  [ТС]
massEffect, Это я хочу сделать карточную игру "Косинка "

Вот полностью код JS :

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
var cards = ['Picture/2c.gif', 'Picture/2d.gif', 'Picture/2h.gif', 'Picture/2s.gif', 'Picture/3c.gif', 'Picture/3d.gif',
    'Picture/3h.gif', 'Picture/3s.gif', 'Picture/4c.gif', 'Picture/4d.gif', 'Picture/4h.gif', 'Picture/4s.gif',
    'Picture/5c.gif', 'Picture/5d.gif', 'Picture/5h.gif', 'Picture/5s.gif', 'Picture/6c.gif', 'Picture/6d.gif',
    'Picture/6h.gif', 'Picture/6s.gif', 'Picture/7c.gif', 'Picture/7d.gif', 'Picture/7h.gif', 'Picture/7s.gif',
    'Picture/8c.gif', 'Picture/8d.gif', 'Picture/8h.gif', 'Picture/8s.gif', 'Picture/9c.gif', 'Picture/9d.gif',
    'Picture/9h.gif', 'Picture/9s.gif', 'Picture/9c.gif', 'Picture/9d.gif', 'Picture/9h.gif', 'Picture/9s.gif',
    'Picture/tc.gif', 'Picture/td.gif', 'Picture/th.gif', 'Picture/ts.gif', 'Picture/jc.gif', 'Picture/jd.gif',
    'Picture/jh.gif', 'Picture/js.gif', 'Picture/qc.gif', 'Picture/qd.gif', 'Picture/qh.gif', 'Picture/qs.gif',
    'Picture/kc.gif', 'Picture/kd.gif', 'Picture/kh.gif', 'Picture/ks.gif', 'Picture/ac.gif', 'Picture/ad.gif',
    'Picture/ah.gif', 'Picture/as.gif'];
 
var newCards = [], cards26 = [], cards1 = [], cards2 = [], cards3 = [], cards4 = [], cards5 = [],
    cards6 = [], cards7 = [];
 
var targ = ['img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7', 'img8', 'img9', 'img10', 'img11', 'img12', 'img13'];
 
var max;
 
 
function NewCard() {
 
    max = 54;
 
    for (var i = 1; i <= max; i++) {
 
        GetRandomCard(max, i);
 
    }
 
    function GetRandomCard(max, i) {
 
        var numberRandom;
 
        do {
 
            numberRandom = Math.floor(Math.random() * (max - 1 + 1)) + 1;
 
        } while (newCards.indexOf(numberRandom) !== -1);
 
        newCards[i] = numberRandom;
 
    }
 
    BreackeTheMassive();
 
}
 
function BreackeTheMassive() {
 
    for (var i = 1; i <= 26; i++) {
 
        cards26.push(cards[newCards[i]]);
 
    }
 
    cards1.push(cards[newCards[27]]);
 
    for (var i = 28; i <= 29; i++) {
 
        cards2.push(cards[newCards[i]]);
 
    }
 
    for (var i = 30; i <= 32; i++) {
 
        cards3.push(cards[newCards[i]]);
 
    }
 
    for (var i = 33; i <= 36; i++) {
 
        cards4.push(cards[newCards[i]]);
 
    }
 
    for (var i = 37; i <= 41; i++) {
 
        cards5.push(cards[newCards[i]]);
 
    }
 
    for (var i = 42; i <= 47; i++) {
 
        cards6.push(cards[newCards[i]]);
 
    }
 
    for (var i = 48; i <= 54; i++) {
 
        cards7.push(cards[newCards[i]]);
 
    }
 
    CreateCards1();
    CreateCards2();
    CreateCards3();
    CreateCards4();
    CreateCards5();
    CreateCards6();
    CreateCards7();
 
}
 
 
function CreateCards1() {
 
    document.getElementById('img7').src = cards1[0];
 
}
 
function CreateCards2() {
 
    cards2.push(document.getElementById('img8').src);
    document.getElementById('img8').src = cards2.shift();
 
}
 
function CreateCards3() {
 
    cards3.push(document.getElementById('img9').src);
    document.getElementById('img9').src = cards3.shift();
 
}
 
function CreateCards4() {
 
    cards4.push(document.getElementById('img10').src);
    document.getElementById('img10').src = cards4.shift();
 
}
 
function CreateCards5() {
 
    cards5.push(document.getElementById('img11').src);
    document.getElementById('img11').src = cards5.shift();
 
}
 
function CreateCards6() {
 
    cards6.push(document.getElementById('img12').src);
    document.getElementById('img12').src = cards6.shift();
 
}
 
function CreateCards7() {
 
    cards7.push(document.getElementById('img13').src);
    document.getElementById('img13').src = cards7.shift();
 
}
 
document.getElementById('img1').onclick =
 
    function CreateCards26() {
 
        cards26.push(document.getElementById('img2').src);
        document.getElementById('img2').src = cards26.shift();
 
    }
 
 
function Listenn(e) {
 
 
    e = e || window.event;
 
    var t = e.target || e.srcElement;
 
    var ball = document.getElementById(t.id);
 
 
    ball.ondragstart = function () {
        return false;
    };
 
 
    ball.style.position = 'absolute';
 
    moveAt(e);
 
    document.body.appendChild(ball);
 
    ball.style.zIndex = 1000;
 
 
    function moveAt(e) {
        ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
        ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
    }
 
 
    document.onmousemove = function (e) {
        moveAt(e);
    }
 
 
    ball.onmouseup = function (e) {
 
        //document.onmousemove = null;
        //ball.onmouseup = null;
 
        for (var i = 0, length = targ.length; i < length; i++) {
 
            if (i in targ) {
 
                var targ1 = document.getElementById(targ[i]);
 
                var targPos = getPosition(targ1);
 
                if ((e.pageX > targPos.x) &&
 
                    (e.pageX < (targPos.x + 73)) &&
 
                    (e.pageY > targPos.y) &&
 
                    (e.pageY < (targPos.y + 97))) {
 
 
                }
            }
        }
    }
 
    function getPosition(e) {
 
        var left = 0;
        var top = 0;
 
        while (e.offsetParent) {
 
            left += e.offsetLeft;
 
            top += e.offsetTop;
 
            e = e.offsetParent;
 
        }
 
        left += e.offsetLeft;
 
        top += e.offsetTop;
 
        return {x: left, y: top};
 
    }
 
}
HTML code :

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!doctype html>
<html>
<head>
 
    <title>Canvas</title>
    <meta charset='utf-8'/>
    <link type="text/css" rel="stylesheet" href="KosinkaCSS.css">
 
 
</head>
 
<body onload="NewCard()"/>
 
<div class="div1" onmousedown="Listenn()">
 
    <table align="center" width="100%">
 
        <tr>
 
            <td width="14%" height="300">
 
                <center><img border="3" id='img1' src="Picture/b.gif" width="73" height="97"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img2" src="Picture/b.gif" width="73" height="97"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img3" src="" width="73" height="97"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img4" src="" width="73" height="97" class="img4"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img5" src="" width="73" height="97" class="img5"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img6" src="" width="73" height="97" class="img6"/></center>
 
            </td>
 
            <td width="14%">
 
            </td>
 
        </tr>
 
        <tr>
            <td width="14%" height="300">
 
                <center><img border="3" id="img7" src="" width="73" height="97" class="img7"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img8" src="" width="73" height="97" class="img8"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img9" src="" width="73" height="97" class="img9"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img10" src="" width="73" height="97" class="img10"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img11" src="" width="73" height="97" class="img11"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img12" src="" width="73" height="97" class="img12"/></center>
 
            </td>
 
            <td width="14%">
 
                <center><img border="3" id="img13" src="" width="73" height="97" class="img13"/></center>
 
            </td>
 
        </tr>
 
    </table>
 
</div>
 
 
<script async type="text/javascript" src="RandomCards.js"></script>
 
 
</body>
 
</html>
Скажите , пожалуйста , что исправлять , а то понять не могу .
0
 Аватар для massEffect
80 / 80 / 53
Регистрация: 22.03.2013
Сообщений: 271
14.04.2016, 21:25
Вот, теперь все должно двигаться, но многое еще надо сделать вам для полноценной косынки, почитайте вот здесь про drag and drop :
drag-and-drop,
drag-and-drop-objects

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
var cards = ['Picture/2c.gif', 'Picture/2d.gif', 'Picture/2h.gif', 'Picture/2s.gif', 'Picture/3c.gif', 'Picture/3d.gif',
        'Picture/3h.gif', 'Picture/3s.gif', 'Picture/4c.gif', 'Picture/4d.gif', 'Picture/4h.gif', 'Picture/4s.gif',
        'Picture/5c.gif', 'Picture/5d.gif', 'Picture/5h.gif', 'Picture/5s.gif', 'Picture/6c.gif', 'Picture/6d.gif',
        'Picture/6h.gif', 'Picture/6s.gif', 'Picture/7c.gif', 'Picture/7d.gif', 'Picture/7h.gif', 'Picture/7s.gif',
        'Picture/8c.gif', 'Picture/8d.gif', 'Picture/8h.gif', 'Picture/8s.gif', 'Picture/9c.gif', 'Picture/9d.gif',
        'Picture/9h.gif', 'Picture/9s.gif', 'Picture/9c.gif', 'Picture/9d.gif', 'Picture/9h.gif', 'Picture/9s.gif',
        'Picture/tc.gif', 'Picture/td.gif', 'Picture/th.gif', 'Picture/ts.gif', 'Picture/jc.gif', 'Picture/jd.gif',
        'Picture/jh.gif', 'Picture/js.gif', 'Picture/qc.gif', 'Picture/qd.gif', 'Picture/qh.gif', 'Picture/qs.gif',
        'Picture/kc.gif', 'Picture/kd.gif', 'Picture/kh.gif', 'Picture/ks.gif', 'Picture/ac.gif', 'Picture/ad.gif',
        'Picture/ah.gif', 'Picture/as.gif'];
 
    var newCards = [], cards26 = [], cards1 = [], cards2 = [], cards3 = [], cards4 = [], cards5 = [],
            cards6 = [], cards7 = [];
 
    var targ = ['img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7', 'img8', 'img9', 'img10', 'img11', 'img12', 'img13'];
 
    var max;
    var divTarg = document.getElementsByClassName("div1")[0];
 
    function NewCard() {
 
        max = 54;
 
        for (var i = 1; i <= max; i++) {
 
            GetRandomCard(max, i);
 
        }
 
        function GetRandomCard(max, i) {
 
            var numberRandom;
 
            do {
 
                numberRandom = Math.floor(Math.random() * (max - 1 + 1)) + 1;
 
            } while (newCards.indexOf(numberRandom) !== -1);
 
            newCards[i] = numberRandom;
 
        }
 
        BreackeTheMassive();
 
        divTarg.addEventListener("mousedown", Listenn);
        document.onselectstart = function(){return false;};
        document.onmousedown = function(){return false;};
 
    }
 
    function BreackeTheMassive() {
 
        for (var i = 1; i <= 26; i++) {
 
            cards26.push(cards[newCards[i]]);
 
        }
 
        cards1.push(cards[newCards[27]]);
 
        for (var i = 28; i <= 29; i++) {
 
            cards2.push(cards[newCards[i]]);
 
        }
 
        for (var i = 30; i <= 32; i++) {
 
            cards3.push(cards[newCards[i]]);
 
        }
 
        for (var i = 33; i <= 36; i++) {
 
            cards4.push(cards[newCards[i]]);
 
        }
 
        for (var i = 37; i <= 41; i++) {
 
            cards5.push(cards[newCards[i]]);
 
        }
 
        for (var i = 42; i <= 47; i++) {
 
            cards6.push(cards[newCards[i]]);
 
        }
 
        for (var i = 48; i <= 54; i++) {
 
            cards7.push(cards[newCards[i]]);
 
        }
 
        CreateCards1();
        CreateCards2();
        CreateCards3();
        CreateCards4();
        CreateCards5();
        CreateCards6();
        CreateCards7();
 
    }
 
 
    function CreateCards1() {
 
        document.getElementById('img7').src = cards1[0];
 
    }
 
    function CreateCards2() {
 
        cards2.push(document.getElementById('img8').src);
        document.getElementById('img8').src = cards2.shift();
 
    }
 
    function CreateCards3() {
 
        cards3.push(document.getElementById('img9').src);
        document.getElementById('img9').src = cards3.shift();
 
    }
 
    function CreateCards4() {
 
        cards4.push(document.getElementById('img10').src);
        document.getElementById('img10').src = cards4.shift();
 
    }
 
    function CreateCards5() {
 
        cards5.push(document.getElementById('img11').src);
        document.getElementById('img11').src = cards5.shift();
 
    }
 
    function CreateCards6() {
 
        cards6.push(document.getElementById('img12').src);
        document.getElementById('img12').src = cards6.shift();
 
    }
 
    function CreateCards7() {
 
        cards7.push(document.getElementById('img13').src);
        document.getElementById('img13').src = cards7.shift();
 
    }
 
    document.getElementById('img1').onclick =
 
            function CreateCards26() {
 
                cards26.push(document.getElementById('img2').src);
                document.getElementById('img2').src = cards26.shift();
 
            }
 
 
    function Listenn(e) {
 
        console.log(e);
        e = e || window.event;
 
        var ball = e.target || e.srcElement;
 
        if(ball.nodeName !== "IMG")return;
 
        ball.ondragstart = function () {
            return false;
        };
 
        ball.style.position = 'absolute';
 
        moveAt(e);
 
        divTarg.appendChild(ball);
 
        ball.style.zIndex = 1000;
 
 
        function moveAt(e) {
            ball.style.left = e.pageX - ball.offsetWidth / 2 + 'px';
            ball.style.top = e.pageY - ball.offsetHeight / 2 + 'px';
        }
 
 
        document.onmousemove = function (e) {
            moveAt(e);
        }
 
 
        ball.onmouseup = function (e) {
 
            document.onmousemove = null;
            ball.onmouseup = null;
 
            for (var i = 0, length = targ.length; i < length; i++) {
 
                if (i in targ) {
 
                    var targ1 = document.getElementById(targ[i]);
 
                    var targPos = getPosition(targ1);
 
                    if ((e.pageX > targPos.x) &&
 
                            (e.pageX < (targPos.x + 73)) &&
 
                            (e.pageY > targPos.y) &&
 
                            (e.pageY < (targPos.y + 97))) {
 
 
                    }
                }
            }
        }
 
        function getPosition(e) {
 
            var left = 0;
            var top = 0;
 
            while (e.offsetParent) {
 
                left += e.offsetLeft;
 
                top += e.offsetTop;
 
                e = e.offsetParent;
 
            }
 
            left += e.offsetLeft;
 
            top += e.offsetTop;
 
            return {x: left, y: top};
 
        }
 
    }
0
1 / 1 / 1
Регистрация: 11.01.2015
Сообщений: 29
15.04.2016, 13:11  [ТС]
massEffect, получаеться каким-то дивом , у меня после этого

JavaScript
1
2
3
 divTarg.addEventListener("mousedown", Listenn());
        document.onselectstart = function(){return false;};
        document.onmousedown = function(){return false;};
сразу вызывает метод Listenn(), почему ?
0
 Аватар для massEffect
80 / 80 / 53
Регистрация: 22.03.2013
Сообщений: 271
15.04.2016, 13:34
Он должен вызываться при нажатии клавиши мыши, и еще вам нужно убрать установку обработчика здесь:
HTML5
1
<div class="div1" onmousedown="Listenn()">
Добавлено через 2 минуты
JavaScript
1
divTarg.addEventListener("mousedown", Listenn);
здесь Listenn должен быть без скобок
0
1 / 1 / 1
Регистрация: 11.01.2015
Сообщений: 29
15.04.2016, 13:42  [ТС]
massEffect, там убрал уже)
Если делаю вот так , то метод Listenn не вызывается вообще , даже после нажатия :

JavaScript
1
 divTarg.addEventListener("mousedown", Listenn);
А если так с скобками возле метода , то он сразу вызывается без ожидания наступления события :
JavaScript
1
divTarg.addEventListener("mousedown", Listenn());
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
15.04.2016, 13:42
Помогаю со студенческими работами здесь

Как использовать drag-and-drop в <input type=file name=FILE_NAME>
Здравствуйте. Если можно помогите!!! Есть &lt;input type=file name=FILE_NAME&gt; у меня такая штука. Как записать туда имя файла не...

Можно ли при использовании вектора не использовать итератор?
можно ли при использование вектора не использовать итератор?

Drag and Drop только для определенного расширения файла
Товарищи подскажите как сделать Drag and Drop для файлов только определенного расширения? мне нужно, чтобы можно было перетягивать файлы...

Во время выполнения события Drag and Drop TeeView должен селектировать узлы через которые двигается курсор мышки
Всем Дарова. Вобщем идея такова: во время выполнения события Drag and Drop TeeView должен селектировать узлы через которые двигается курсор...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru