67,513
社区成员
发帖
与我相关
我的任务
分享js 使li 可编辑
<ul>
<li id='a' onclick=''>
name
</li>
如何通过右击鼠标是a 属于可修改状态？ 求代码
<li id='a' onclick=''>
name
</li>
如何通过右击鼠标是a 属于可修改状态？ 求代码
...全文
请发表友善的回复…
发表回复
bankmoney 2011-11-03
- 打赏
- 举报
<script>
function rightClick(obj) {
if(event.button == 2) {
var oldhtml = obj.innerHTML;
var newobj = document.createElement('input'
newobj.value = oldhtml;
newobj.type = 'text'
newobj.onblur = function(){
obj.innerHTML = this.value ? this.value : oldhtml;
}
obj.innerHTML = '';
obj.appendChild(newobj);
newobj.focus();
}
}
</script>
<ul>
<li id='a' onmousedown="rightClick(this)">name</li>
</ul>
function rightClick(obj) {
if(event.button == 2) {
var oldhtml = obj.innerHTML;
var newobj = document.createElement('input'
newobj.value = oldhtml;
newobj.type = 'text'
newobj.onblur = function(){
obj.innerHTML = this.value ? this.value : oldhtml;
}
obj.innerHTML = '';
obj.appendChild(newobj);
newobj.focus();
}
}
</script>
<ul>
<li id='a' onmousedown="rightClick(this)">name</li>
</ul>
不关橙猫猫事的哦 2011-11-03
- 打赏
- 举报
以下代码IE8和火狐3.5测试通过。。
<html>
<head>
<script>
var isEdit = 0;
function changeValue(li)
{
if(isEdit++ != 0)
{
return false;
}
var oldValue = li.innerHTML;
li.innerHTML = "<input onblur='confirmChange(this)' value='"+oldValue+"'/>";
}
function confirmChange(input)
{
var newValue = input.value;
var li = input.parentNode;
li.innerHTML = newValue;
isEdit = 0;
}
</script>
</head>
<body>
<ul>
<li onclick="changeValue(this)">1</li>
<li onclick="changeValue(this)">2</li>
<li onclick="changeValue(this)">3</li>
</ul>
</body>
</html>
ip5636626 2011-11-02
- 打赏
- 举报
？？没人气？
