HTML + IE6 IE7 + IE8 + IE9 +,不可点击的div元素

<div>Some text</div>我希望把它不可点击 (我想要的元素,该分区下的选择,而不是这DIV), 不可选择的 (所以用户无法选择此格内的文本),可见 ...... 有可能是IE6 IE7 + IE8 + IE9 +?

更新

我只是想在呈现画面顶部一些文字,但我想图片是唯一一个谁可以捕捉鼠标事件..所以我希望文字渲染,但不参与了所有鼠标事件..

--------------解决方案-------------

您可以通过设置不可选择属性,禁用文本<p unselectable="on">并设置CSS属性-moz-user-select: none;

假设你的文字里面有个<p>单击页上时,你可以触发点击的形象。

$("p").click(function() {
$(this).parent().find('img').trigger('click')
});

$('img').click(function() {
alert('image clicked');
})

在检查工作http://jsfiddle.net/pavgY/1/例如

尝试覆盖在图像和文字与另一个div(名为capturebox在我的例子),并捕获鼠标事件上。

为了capturebox真正捕捉IE事件,它必须有一个背景色设置。 为了让透明的,我给它的0不透明度:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
function captureclick(event) {
alert('capurebox');
}
</script>
<style>
.imgbox {
position: absolute;
top: 0px;
left: 0px;
}

.imgbox img {
width: 200px;
height: 200px;
}

.imgbox p {
cursor: default;
position: absolute;
top: 50px;
left: 50px;
}

.capturebox {
filter: alpha(opacity=0);
background-color: white;
height: 200px;
width: 200px;
position: absolute;
left: 0px;
right: 0px;
}

</style>
</head>
<body>
<div class="imgbox">
<img src="yourimage.jpg"/>
<p>Some text</p>
<div class="capturebox" onclick="captureclick(event)"></div>
</div>
</body>
</html>

这里的工作示例(至少在Chrome和IE6,可以为IE7-9不会说话)使用拉斐尔呈现在上面的文字,一点点的jQuery路由事件恰如其分。

HTML + IE6 IE7 + IE8 + IE9 +,不可点击的div元素

(爱是爱的有袋动物!)

我很惊讶地发现,点击事件传递通过IE6曾在VML! 此外,VML不是默认,在这种情况下是好的选择。

起始标记仅仅是<img alt="the text you want to show" />所以这是一个纯粹的JS增强。

这基本上是基于SVG的等效由@Eldar提出的基于画布的解决方案的。

var element = document.getElementById('content');
element.onselectstart = function () { return false; } // ie
element.onmousedown = function () { return false; } // mozilla

尝试这个

你能不能在上面放置一个清晰的图像?

你可以用帆布把文字ontop形象。 当然HTML5不工作IE6,但你可以使用谷歌的http://code.google.com/p/explorercanvas/库有效仿。

分类:JavaScript的 时间:2015-03-15 人气:0
分享到:

相关文章

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.672 (s). 10 q(s)