이 기사에서는 충돌을 결정하기위한 JS 방법을 설명합니다. 참조를 위해 공유하십시오. 세부 사항은 다음과 같습니다.
JS 판단 충돌 방법 :
다음과 같이 코드를 복사하십시오 :/** 충돌 중인지 확인하려면
* @param obj 원래 개체
* @param dobj 대상 객체
*/
함수 영향 (OBJ, dobj) {
var o = {
X : GetDefaultStyle (OBJ, 'LEFT'),
Y : GetDefaultStyle (OBJ, 'Top'),
W : GetDefaultStyle (OBJ, 'Width'),
H : GetDefaultStyle (OBJ, 'Height')
}
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 = ooy <= dy? DY : OY;
// 포인트가 두 객체에 있는지 여부를 결정합니다
if (px> = ox && px <= ox + ow && py> = ooy && py <= ay + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
진실을 반환하십시오.
} 또 다른 {
거짓을 반환합니다.
}
}
/** 객체 속성을 얻습니다
* @param obj 객체
* @param 속성 속성
*/
함수 getDefaultStyle (obj, attribute) {
parseint (obj.currentStyle? obj.currentStyle [속성] : docum
}
예는 다음과 같습니다.
다음과 같이 코드를 복사하십시오.
<html>
<헤드>
<title> 데모 </title>
<스타일 유형 = "텍스트/CSS">
바디 {마진 : 0px;}
.main {위치 : 상대;}
#f1 {위치 : 절대; 배경 :#FF0000; 상단 : 100px; 왼쪽 : 100px; 너비 : 200px; 높이 : 200px; Z- 인덱스 : 999}
#f2 {위치 : 절대; 배경 :#ffff00; 상단 : 0px; 왼쪽 : 0px; 너비 : 600px; 높이 : 150px;}
</스타일>
</head>
<body>
<div>
<div id = "f1"> </div>
<div id = "f2"> </div>
</div>
<script type = "text/javaScript">
var o = document.getElementById ( "f1");
var d = document.getElementById ( "f2");
경고 (충격 (o, d));
함수 영향 (OBJ, dobj) {
var o = {
X : GetDefaultStyle (OBJ, 'LEFT'),
Y : GetDefaultStyle (OBJ, 'Top'),
W : GetDefaultStyle (OBJ, 'Width'),
H : GetDefaultStyle (OBJ, 'Height')
}
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 = ooy <= dy? DY : OY;
// 포인트가 두 객체에 있는지 여부를 결정합니다
if (px> = ox && px <= ox + ow && py> = ooy && py <= ay + oh && px> = dx && px <= dx + dw && py> = dy && py <= dy + dh) {
진실을 반환하십시오.
} 또 다른 {
거짓을 반환합니다.
}
}
함수 getDefaultStyle (obj, attribute) {
parseint (obj.currentStyle? obj.currentStyle [속성] : docum
}
</스크립트>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.