
正常理论上来讲,应该在那里加一个标签的,然后把你的焦点定位到标签中。
二一种方法就是把1234232这段也加上标签,与label一起做成浮动,然后将div设定内填充到“点击这个位置”这里。
这个用jquery就相当简单了。原生态js稍微复杂些
html代码:
<div id="img">
<img src="1jpg">
<img src="1jpg">
</di>
<br/>
<input type="text" id='in'>
css代码:
#img{display:none}
jqury代码:
$(function(){
$("#in")foucs(function(){
$("#img")show()
}) blur(funtion(){
$("#img")hide()
})
})
原生态的js我没时间写。下次给你写
不知道是不是你想要的,可以看一下,运行过的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">
div此时是有焦点的,鼠标监听事件可以给你准确的答案
<script type="text/javascript">
function addListener(element, e, fn) {
if (elementaddEventListener) {
elementaddEventListener(e, fn, false);
} else {
elementattachEvent("on" + e, fn);
}
}
addListener(document, "click", function (evt) {
var evt = windowevent windowevent : evt, target = evtsrcElement || evttarget;
if (targetid == "input") {
alert("鼠标在input中")
return;
} else {
while (targetid != "div" && targetnodeNametoLowerCase() != "html") {
target = targetparentNode;
alert("鼠标在div中")
}
if (targetnodeNametoLowerCase() == "html") {
//焦点在div之外
}
}
})
</script>
以上就是关于<div contenteditable=true>的焦点全部的内容,包括:<div contenteditable=true>的焦点、求一个js控制div的显示隐藏 实现某一区域 获得鼠标焦点显示上方的两个图标,鼠标移开图标隐藏。、js如何获取焦点的位置,然后在旁边展示一个DIV等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)