html页面双击表格单元格,可编辑源码,IE下测试成功。 <html> <head> <mce:script type="text/javascript"><!-- var inputItem; var g_activeItem; function changeToText(obj){ if( obj && inputItem ) { var str = " "; if(inputItem.value != "") { str = inputItem.value; } obj.innerText = str; } } function changeToEdit(obj){ if(event.srcElement.tagName.toLowerCase() == "td"){ inputItem=document.createElement("input"); inputItem.type="text"; inputItem.style.size="20"; inputItem.style.height="18px"; inputItem.style.fontSize="12px"; } inputItem.value = obj.innerText; obj.innerHTML = ''; obj.appendChild(inputItem); inputItem.focus(); g_activeItem = obj; } document.attachEvent("ondblclick",function(){ if(event.srcElement.tagName.toLowerCase() == "td"){ changeToEdit(event.srcElement); } }); document.attachEvent("onclick",function(){ if( event.srcElement.parentNode == g_activeItem || event.srcElement == g_activeItem ) { return; } else { changeToText(g_activeItem); } }); // --></mce:script> </head> <body> <table border="1"> <tr><td width="50">1</td><td width="50">1</td></tr> <tr><td>2</td><td>2</td></tr> <tr><td>3</td><td>3</td></tr> <tr><td>4</td><td>4</td></tr> <tr><td>5</td><td>5</td></tr> <tr><td>6</td><td>6</td></tr> <tr><td>7</td><td>7</td></tr> </table> </body> </html>