JS 충돌 판단 하 는 방법
JS 충돌 판단 방법:
/**
* @param obj
* @param dobj
*/
function impact(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 = o.x <= d.x ? d.x : o.x;
py = o.y <= d.y ? d.y : o.y;
//
if (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) {
return true;
} else {
return false;
}
}
/**
* @param obj
* @param attribute
*/
function getDefaultStyle(obj, attribute) {
return parseInt(obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute]);
}
예 는 다음 과 같다.
demo
<br> var o = document.getElementById("f1");
<br> var d = document.getElementById("f2");
<br> alert(impact(o, d));
<p></p>
<p> function impact(obj, dobj) { <br> var o = { <br> x: getDefaultStyle(obj, 'left'), <br> y: getDefaultStyle(obj, 'top'), <br> w: getDefaultStyle(obj, 'width'), <br> h: getDefaultStyle(obj, 'height') <br> } </p>
<p> var d = { <br> x: getDefaultStyle(dobj, 'left'), <br> y: getDefaultStyle(dobj, 'top'), <br> w: getDefaultStyle(dobj, 'width'), <br> h: getDefaultStyle(dobj, 'height') <br> } </p>
<p> var px, py; </p>
<p> px = o.x <= d.x ? d.x : o.x; <br> py = o.y <= d.y ? d.y : o.y; <br> <br> // <br> if (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) { <br> return true; <br> } else { <br> return false; <br> } <br> } </p>
<p> function getDefaultStyle(obj, attribute) { <br> return parseInt(obj.currentStyle ? obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj, false)[attribute]); <br> } <br>
본 논문 에서 말 한 것 이 여러분 의 자바 script 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
