HTML and CSS Reference
In-Depth Information
var
y
;
iif
(
event
.
pageX
||
event
.
pageY
) {
x
=
event
.
pageX
;
y
=
event
.
pageY
;
var
}
else
else
{
x
=
e
.
clientX
+
document
.
body
.
scrollLeft
+
document
.
documentElement
.
scrollLeft
;
y
=
e
.
clientY
+
document
.
body
.
scrollTop
+
document
.
documentElement
.
scrollTop
;
}
x
-=
theCanvas
.
offsetLeft
;
y
-=
theCanvas
.
offsetTop
;
var
var
mouseX
=
x
;
var
var
mouseY
=
y
;
for
for
(
var
var
i
=
0
;
i
<
bulbs
.
length
;
i
++
) {
iif
(
bulbs
[
i
].
dragging
) {
bulbs
[
i
].
x
=
mouseX
-
BULB_WIDTH
/
2
;
bulbs
[
i
].
y
=
mouseY
-
BULB_HEIGHT
/
2
;
}
}
var
var
cursor
=
"default"
;
for
for
(
i
=
0
;
i
<
bulbs
.
length
;
i
++
) {
var
var
tp
=
bulbs
[
i
];
iif
( (
mouseY
>=
tp
.
y
)
&&
(
mouseY
<=
tp
.
y
+
tp
.
height
)
&&
(
mouseX
>=
tp
.
x
)
&&
(
mouseX
<=
tp
.
x
+
tp
.
width
) ) {
cursor
=
"pointer"
;
}
}
for
for
(
i
=
0
;
i
<
clickBulbs
.
length
;
i
++
) {
var
var
tp
=
clickBulbs
[
i
];
iif
( (
mouseY
>=
tp
.
y
)
&&
(
mouseY
<=
tp
.
y
+
tp
.
height
)
&&
(
mouseX
>=
tp
.
x
)
&&
(
mouseX
<=
tp
.
x
+
tp
.
width
) ) {
cursor
=
"pointer"
;
}
}
theCanvas
.
style
.
cursor
=
cursor
;
}