的JavaScript的onclick（）事件無法在Chrome工作文本的div容器

Question

以下不使用Chrome之內，但在IE和Firefox的工作：

<div id="removeField" onclick="remove(0);" style="cursor: pointer;">-Remove</div> 

的remove（）函數不會被調用。任何想法爲什麼？

Answer 1

remove是Chrome中DOM元素的成員函數。在您的控制檯，您可以通過運行看到：

> document.createElement("div").remove 
function remove() { [native code] } 

在聯事件處理程序，該元素的所有屬性（包括成員函數）可作爲頂級的變量。內嵌代碼在with(thisElement)塊內有效運行。在內聯事件代碼的上下文中，標識符remove引用元素的remove方法，而不是全局範圍的remove函數。

將函數名稱更改爲不與元素的方法名稱相沖突或明確使用window.remove。

（從this previous answer of mine改性處理與在IE中start方法類似的情況。）

Answer 2

根據this Chrome bug report，它們實現的功能remove其爲spec。似乎Chrome有一個.remove()方法，允許您自行刪除元素。您可能想要爲其他功能命名。這裏是webkit changelog注意到實施。