Contoh dalam artikel ini menerangkan kaedah menentukan perlanggaran dalam JS. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Kaedah perlanggaran JS:
/**Tentukan sama ada terdapat perlanggaran
* @param obj objek asal
* @param dobj objek sasaran
,*/
impak fungsi(obj, dobj) {
var o = {
x: getDefaultStyle(obj, 'kiri'),
y: getDefaultStyle(obj, 'atas'),
w: getDefaultStyle(obj, 'width'),
h: getDefaultStyle(obj, 'height')
}
var d = {
x: getDefaultStyle(dobj, 'kiri'),
y: getDefaultStyle(dobj, 'atas'),
w: getDefaultStyle(dobj, 'width'),
h: getDefaultStyle(dobj, 'height')
}
var px, py;
px = o.x <= d.x ? d.x : o.x;
py = o.y <= d.y ? d.y : o.y;
// Tentukan sama ada titik berada dalam kedua-dua objek
jika (px >= o.x && px <= o.x o.w && py >= o.y && py <= o.y o.h && px >= d.x && px <= d.x d.w && py >= d.y && py < = d.y d.h) {
kembali benar;
} lain {
kembali palsu;
}
}
/**Dapatkan sifat objek
* @param obj Objek
* Atribut atribut @param
,*/
fungsi getDefaultStyle(obj, atribut) {
Kembalikan parseInt(obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute]);
}
Contohnya adalah seperti berikut:
Salin kod
Kod adalah seperti berikut:
demo
Artikel terbaru oleh pengarang
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
Topik-topik yang berkaitan
Lagi>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
