从顶部到底部更改偏移量返回null

时间:2018-03-01 12:29:16

标签: javascript jquery html coordinates

所以我在这里有一个小脚本来获取图像的坐标,我希望它从左下角而不是左上角开始,但是当我从中更改它时:

window.current_y = Math.round(event.pageY - $('#image').offset().top);

到:

window.current_y = Math.round(event.pageY - $('#image').offset().bottom);

它不读取坐标。



$( document ).ready(function() {
 $('#image').mousemove( function(event) {
	window.current_x = Math.round(event.pageX - $('#image').offset().left);
	window.current_y = Math.round(event.pageY - $('#image').offset().top);
	window.current_coords = window.current_x + ', ' + window.current_y;
	$('#image_coords_now').html('Column: ' + window.current_coords + '.');
  }).mouseleave( function() {
	$('#image_coords_now').html(' ');
  }).click( function() {
$('#x').html(window.current_x);
$('#y').html(window.current_y);

	$('#image_coords_click').html('Last click: ' + window.current_coords + '. ');
   
  var x0=21;
  var y0=25;
  var x1=163;
  var y1=167;
  var difx_cost=x1-x0;// difx=dify
  var dify_cost=y1-y0;
  var arr=new Array();
  var j=1;
  var x_reset=x0;
  var y_reset=y0;
  for(var i=0;i<=100;i++)
   {
  
var prod=10*j;

  var cell={x0:x0,x1:x0+difx_cost,y0:y0,y1:y0+dify_cost};
  x0=cell['x1'];
  if((i+1)==prod)
  {
  
  y0=cell['y1'];
  x0=x_reset;
  j++;
  }
  arr.push(cell);
  
  
  
  }
  console.log(arr);
  
  
var x=$('#x').html();
var y=$('#y').html();
//console.log(arr[0]['x0']);
var cost=0;
for(var k=0;k<=arr.length;k++){
cost=k;
if (x>=arr[k]['x0'] && x<=arr[k]['x1'] && y>=arr[k]['y0'] && y<=arr[k]['y1'])
{

alert('cell number  '+(cost+1));
break;
}

}
  
  
  
  });
  });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>

<p id="x"></p>
<p id="y"></p>



<span id="image_coords_click"></span><span id="image_coords_now"> </span></div>
<img id="image" class="aligncenter" src="http://4.bp.blogspot.com/-c0lydOomMh8/UdMXTLn0frI/AAAAAAAAKdU/xa8kZMf23uQ/s721/100+number+grid.png" width="1475" height="1475" />
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

$all_urls = array(1,2,3,4..,100); foreach ($all_urls as $url){ $xml = simplexml_load_file("http://localhost/$url"); } 返回.offset(),因此没有{top: ###, left: ###}属性。

获得&#34;底部&#34;你需要添加元素高度:

bottom