var td = $(this)
// 根据表格文本创建文本框 并加入表表中--文本框的样式自己调整
var text = td.text()
var txt = $("<input type='text'>").val(text)
txt.blur(function(){
// 失去焦点，保存值。于服务器交互自己再写,最好ajax
var newText = $(this).val()
// 移除文本框,显示新值
$(this).remove()
td.text(newText)
})
td.text("")
td.append(txt)
})
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<button id="in">双击进入全屏</button>
<button id="out">双击退出全屏</button>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script type="text/javascript">
$(function () {
$("body").on("dblclick", "#in", function () {
requestFullScreen()
})
$("body").on("dblclick", "#out", function () {
exitFullscreen()
})
//进入全屏
function requestFullScreen() {
var de = document.documentElement
if (de.requestFullscreen) {
de.requestFullscreen()
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen()
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen()
}
}
//退出全屏
function exitFullscreen() {
var de = document
if (de.exitFullscreen) {
de.exitFullscreen()
} else if (de.mozCancelFullScreen) {
de.mozCancelFullScreen()
} else if (de.webkitCancelFullScreen) {
de.webkitCancelFullScreen()
}
}
})
</script>
</body>
</html>
效果图
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）