在JavaScript中，獲取點擊對象的值是非常常見的需求。比如在一個表格中，用戶點擊某一行時需要獲取該行的相關信息，或者在一個下拉列表中，用戶選擇某一項需要獲取該項的值。本文將介紹幾種常見的獲取點擊對象值的方法。 使用event對象 在JavaScript中，當用戶點擊某個元素時，會觸發一個事件?？梢酝ㄟ^該事件的event對象來獲取該元素的各種屬性及值。比如，下面的代碼演示了如何在點擊某個鏈接時獲取該鏈接的href屬性的值：

<a >百度</a>
<script>
var link = document.getElementsByTagName("a")[0];
link.onclick = function(event) {
event.preventDefault();//防止鏈接跳轉
console.log(event.target.href);//https://www.baidu.com
};
</script>

我們首先獲取了頁面上第一個鏈接元素，然后給該元素綁定了一個onclick事件。在事件處理函數中，我們使用event.target獲取當前點擊的元素，再通過該元素的href屬性獲取鏈接地址。 使用this關鍵字 在事件處理函數中，this表示當前事件所屬的元素。因此，也可以使用this關鍵字獲取當前點擊的元素及其屬性。比如，下面的代碼與上面的代碼功能相同，但使用了this關鍵字：

<a >百度</a>
<script>
var link = document.getElementsByTagName("a")[0];
link.onclick = function(event) {
event.preventDefault();//防止鏈接跳轉
console.log(this.href);//https://www.baidu.com
};
</script>

我們可以看到，這個示例與上個示例的區別在于使用了this.href而不是event.target.href。這種方法常用于綁定多個相同事件的元素，因為它會自動識別當前點擊的元素，不需要為每個元素綁定獨立的事件處理函數。 使用jQuery庫 jQuery是一個流行的JavaScript庫，它簡化了許多DOM操作的代碼，并提供了許多常用的工具函數。在jQuery中，可以使用事件監聽器來獲取當前點擊的元素及其屬性。比如，下面的代碼演示了如何使用jQuery獲取一個按鈕的value屬性的值：

<button id="myButton" value="Click me"></button>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$('#myButton').on('click', function() {
console.log($(this).val());//Click me
});
</script>

我們首先引入了jQuery庫，然后使用$()函數獲取頁面上的按鈕元素。然后使用on()函數為該元素綁定click事件，事件處理函數中使用$(this)獲取當前點擊的元素，再使用val()函數獲取該元素的value屬性的值。 綜上所述，通過event對象、this關鍵字和jQuery庫，可以輕松地獲取任何元素的點擊屬性值。在實際開發中，可以根據具體情況選擇適合自己的方法來實現。