按钮上的坐标单击javascript

Coordinates on Button Click javascript

本文关键字：单击 javascript 坐标 按钮      更新时间：2023-09-26

有人能告诉我哪里错了吗。我想在点击时获得按钮的坐标，但它给了我错误

js/main.js（1）：ReferenceError：找不到变量：$

按钮：

 <input type="button" style="margin-left: 80px;margin-top: 80px;"  id="theButton"  value="A button" />

J查询

 var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);

它没有显示任何

试试这个代码：

$(document).ready(function(){
    var jq = $('#theButton');
    var position = jq.offset();
    alert('x: ' + position.left + ', y: ' + position.top);
});

在添加main.js之前，请先在标题部分添加任何版本的jquery类似：

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

检查小提琴http://jsfiddle.net/PSpvT/

代替以下内容：

var jq = $('#theButton');

尝试

var jq = document.getElementById("theButton");

jQUERY解决方案：

$(function() {
  var jq = $('#theButton');
 var position = jq.offset();
 alert('x: ' + position.left + ', y: ' + position.top);
});
相关文章：