領域内かどうか調べる

書式

flag = regionObj1.contains(regionObj2)

flag : 結果(trueなら領域内、falseなら領域外)
regionObj1, regionObj2 : 領域オブジェクト

説明

 領域内かどうか調べるには領域オブジェクトに対してcontains()を使います。パラメータには調べるもう1つの領域オブジェクトを指定します。戻り値は領域内であればtrue、領域外であればfalseになります。

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="yui/yahoo.js"></script>
<script type="text/javascript" src="yui/dom.js"></script>
<script type="text/javascript"><!--
function checkRegion(){
var regObj1 = YAHOO.util.Dom.getRegion("box1");
var regObj2 = YAHOO.util.Dom.getRegion("box2");
var regObj3 = YAHOO.util.Dom.getRegion("box3");
var regObj4 = YAHOO.util.Dom.getRegion("box4");
var flag1 = regObj1.contains(regObj2);
var flag2 = regObj3.contains(regObj4);
YAHOO.util.Dom.get("result").innerHTML = "box1とbox2 = "+flag1+", "+"box3とbox4 = "+flag2;
}
// --></script>
</head>
<body>
<h1>領域内かどうか調べる</h1>
<form>
<input type="button" value="チェック" onClick="checkRegion()">
</form>
<div id="result"></div>
<div id="box1">box1</div>
<div id="box2">box2</div>
<div id="box3">box3</div>
<div id="box4">box4</div>
</body>
</html>