问题：可编辑的div的事件
解决方案：
<div
placeholder="请输入段落内容"
// 将不可编辑的div变成可编辑的div
contenteditable="true"
// 失去焦点触发
@blur="handleBlur"
// 获取焦点触发
@focus="handleFocus"
// 在div中实时输入触发
@input="handleText"
// 空格按键触发
@keyup.space="changeSpace"
// 回车按键触发
@keyup.enter="changeEnter"
// 粘贴操作触发
@paste="handlePaste"
// 切换成中文拼音输入开始时触发
@compositionstart="compositionStart"
// 切换成中文拼音输入结束时触发
@compositionend="compositionEnd"
></div>
分享
关注【相关推荐】
<html>
<head>
<title>可移动、可关闭的div浮动层</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<style>
#postit {
position: absolute;
width: 250;
padding: 5px;
background-color:rgba(210,200,0,0.2); /*透明度*/
border: 1px solid black;
visibility: hidden;
z-index: 100;
cursor: hand;
}
</style>
<div id="postit" style="left:150px;top:150px;">
<div align="right"><b><a href="javascript:closeit()">[关闭]</a></b></div>
<b>CsrCode.Cn：</b>
</div>
<script>
//Post-it only once per browser session? (0=no, 1=yes)
//Specifying 0 will cause postit to display every time page is loaded
var once_per_browser = 0
///No need to edit beyond here///
var ns4 = document.layers
var ie4 = document.all
var ns6 = document.getElementById && !document.all
if (ns4)
crossobj = document.layers.postit
else if (ie4 || ns6)
crossobj = ns6 ? document.getElementById("postit") : document.all.postit
function closeit() {
if (ie4 || ns6)
crossobj.style.visibility = "hidden"
else if (ns4)
crossobj.visibility = "hide"
}
function showornot() {
if (get_cookie4('postdisplay') == '') {
showit()
document.cookie4 = "postdisplay=yes"
}
}
function showit() {
if (ie4 || ns6)
crossobj.style.visibility = "visible"
else if (ns4)
crossobj.visibility = "show"
}
if (once_per_browser)
showornot()
else
showit()
</script>
</body>
</html>
创建了问题
9月28日
