Artikel ini menjelaskan metode JS untuk menentukan tabrakan. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
JS menilai metode tabrakan:
Salin kode sebagai berikut:/** untuk menentukan apakah itu bertabrakan
* @param obj objek asli
* Objek target @param dobj
*/
dampak fungsi (obj, dobj) {
var o = {
x: getDefaultStyle (obj, 'kiri'),
Y: getDefaultStyle (obj, 'top'),
W: getDefaultStyle (obj, 'width'),
H: GetDefaultStyle (OBJ, 'Tinggi')
}
var d = {
x: getDefaultStyle (dobj, 'left'),
Y: GetDefaultStyle (Dobj, 'Top'),
W: GetDefaultStyle (Dobj, 'Width'),
H: GetDefaultStyle (Dobj, 'Height')
}
var px, py;
px = ox <= dx? DX: OX;
py = oy <= dy? dy: oy;
// Tentukan apakah poin ada di kedua objek
if (px> = ox && px <= ox + ow && py> = oy && py <= oy + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
Kembali Benar;
} kalau tidak {
mengembalikan false;
}
}
/** Dapatkan properti objek
* @param obj objek
* atribut atribut @param
*/
fungsi getDefaultStyle (obj, atribut) {
return parseint (obj.currentstyle? obj.currentstyle [atribut]: document.defaultview.getComputedstyle (obj, false) [atribut]);
}
Contohnya adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html public "-// w3c // dtd html 4.01 transisi // en" "http://www.w3.org/tr/html4/loose.dtd">
<Html>
<head>
<title> demo </iteme>
<type style = "text/css">
tubuh {margin: 0px;}
.main {position: relatif;}
#f1 {position: absolute; Latar Belakang:#FF0000; Atas: 100px; Kiri: 100px; Lebar: 200px; Tinggi: 200px; z-index: 999}
#f2 {position: absolute; Latar Belakang:#FFFF00; Atas: 0px; Kiri: 0px; Lebar: 600px; Tinggi: 150px;}
</tyle>
</head>
<body>
<div>
<Div id = "f1"> </div>
<Div id = "f2"> </div>
</div>
<type skrip = "Teks/JavaScript">
var o = document.getElementById ("f1");
var d = document.getElementById ("f2");
waspada (dampak (o, d));
dampak fungsi (obj, dobj) {
var o = {
x: getDefaultStyle (obj, 'kiri'),
Y: getDefaultStyle (obj, 'top'),
W: getDefaultStyle (obj, 'width'),
H: GetDefaultStyle (OBJ, 'Tinggi')
}
var d = {
x: getDefaultStyle (dobj, 'left'),
Y: GetDefaultStyle (Dobj, 'Top'),
W: GetDefaultStyle (Dobj, 'Width'),
H: GetDefaultStyle (Dobj, 'Height')
}
var px, py;
px = ox <= dx? DX: OX;
py = oy <= dy? dy: oy;
// Tentukan apakah poin ada di kedua objek
if (px> = ox && px <= ox + ow && py> = oy && py <= oy + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
Kembali Benar;
} kalau tidak {
mengembalikan false;
}
}
fungsi getDefaultStyle (obj, atribut) {
return parseint (obj.currentstyle? obj.currentstyle [atribut]: document.defaultview.getComputedstyle (obj, false) [atribut]);
}
</script>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.