HTML中如何設(shè)置td不可點擊事件？
在HTML中，td標簽是用于創(chuàng)建表格的單元格。有時候，我們希望某些單元格不可被點擊，以防止用戶誤操作。此時，我們就需要設(shè)置td不可點擊事件。下面是示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>設(shè)置td不可點擊事件</title>
</head>
<body>
<table>
<tr>
<td><a href="#">可點擊</a></td>
<td>不可點擊</td>
</tr>
</table>
<script>
var cells = document.querySelectorAll("td");
cells.forEach(function(cell) {
cell.addEventListener("click", function(event) {
if (cell.innerText === "不可點擊") {
event.preventDefault();
}
});
});
</script>
</body>
</html>在上述代碼中，我們首先創(chuàng)建了一個表格，并在其中添加了兩個單元格，一個是可點擊的，一個是不可點擊的。接著，我們通過JS選中了所有的td元素，并為它們添加了一個點擊事件監(jiān)聽器。在監(jiān)聽器中，判斷如果單元格中的文本是"不可點擊"，則調(diào)用event對象的preventDefault()方法，阻止事件的默認行為，從而達到了設(shè)置td不可點擊事件的目的。上一篇css中什么表示英寸