JS ใช้วิธีการตัดสินการชนกัน

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-05-08 10:16:01

บทความนี้อธิบายวิธีการของ JS เพื่อกำหนดการชน แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:

JS ตัดสินวิธีการชนกัน:

คัดลอกรหัสดังต่อไปนี้:/** เพื่อตรวจสอบว่ามีการชนกันว่า

* @param obj วัตถุต้นฉบับ

* @param dobj เป้าหมายวัตถุ

ฟังก์ชั่นผลกระทบ (obj, dobj) {

var o = {

X: getDefaultStyle (obj, 'ซ้าย')

y: getdefaultstyle (obj, 'top'),

W: getDefaultStyle (obj, 'width'),

H: getdefaultstyle (obj, 'ความสูง')

var d = {

X: getDefaultStyle (dobj, 'ซ้าย'),

y: getDefaultStyle (dobj, 'top'),

W: getDefaultStyle (dobj, 'width'),

H: getdefaultstyle (dobj, 'ความสูง')

var px, py;

px = ox <= dx? DX: OX;

py = oy <= dy? DY: OY;

// พิจารณาว่าคะแนนอยู่ในวัตถุทั้งสอง

if (px> = ox && px <= ox + ow && py> = oy && py <= oy + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {

กลับมาจริง;

} อื่น {

กลับเท็จ;

/** รับคุณสมบัติวัตถุ

* @param obj วัตถุ

* แอตทริบิวต์แอตทริบิวต์ @param

ฟังก์ชั่น getDefaultStyle (obj, attribute) {

ส่งคืน parseint (obj.currentstyle? obj.currentstyle [แอตทริบิวต์]: document.defaultView.getComputedStyle (OBJ, FALSE) [แอตทริบิวต์]);

ตัวอย่างมีดังนี้:

คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">>

<html>

<head>

<title> การสาธิต </title>

ร่างกาย {มาร์จิ้น: 0px;}

.Main {ตำแหน่ง: ญาติ;}

#f1 {ตำแหน่ง: สัมบูรณ์; ความเป็นมา:#FF0000; ด้านบน: 100px; ซ้าย: 100px; ความกว้าง: 200px; ความสูง: 200px; z-index: 999}

#f2 {ตำแหน่ง: สัมบูรณ์; ความเป็นมา:#FFFF00; ด้านบน: 0px; ซ้าย: 0px; ความกว้าง: 600px; ความสูง: 150px;}

</style>

</head>

<body>

<div>

</div>

var o = document.getElementById ("F1");

var d = document.getElementById ("F2");

การแจ้งเตือน (Impact (O, D));