要写一个备注,点击文字就出现表单框进行修改,修改完直接按回车键提交或者失去焦点的时候表单框也影藏起来,显示修改的值,表单隐藏,有会写的吗?????

解决方案 »

  1.   

    <form><div onclick="showInput(event,this)">我是备注内容,点击修改</div></form>
    <script type="text/javascript">
        function showInput(e, o, blur) {
            if (blur) o.parentNode.innerHTML = o.value;
            else o.innerHTML = '<input type="text" name="note" value="' + o.innerHTML + '" onclick="event.stopPropagation?event.stopPropagation():event.cancelBubble=true" onblur="showInput(event,this,true)" onkeyup="if(event.keyCode==13)this.form.submit();"/>';
        }
    </script>
      

  2.   

    监听键盘事件,
    window.document.onkeypress = function(event){
    if(event.keyCode == 13){//火狐下应该是要event.which
    alert("enter press");
    }
    }我这个是直接绑定到document去了,可以改成需要的~~