サンプルコード１と同様に、このコードもhtmlのファイルにしてSafariで実行してみてください。
実行すると灰色の四角が表示され、表示された灰色の四角をクリックするとクリックした位置のX座標と四角の左端の座標、そして謎の「undefined」がアラートボックスで表示されます。
<html>
<head>
<style>
.myCSS {
background-color: rgb(240, 240, 240);
height: 250px;
width: 200px;
position: absolute;
left: 200px;
top: 200px;
}
</style>
<script>
function MyObject() {
var self = this;
var myObject = document.createElement('div');
myObject.className = 'myCSS';
myObject.addEventListener('mousedown', this.myHandler, false);
this.myObject = myObject;
document.body.appendChild(myObject);
}
MyObject.prototype.myHandler = function(e) {
alert(e.clientX);
alert(this.offsetLeft);
this.style.left = '100px';
}
function loaded() {
myRect = new MyObject;
}
</script>
</head>
<body onload="loaded()">
</body>
</html>
<pre> <next>
0 件のコメント:
コメントを投稿