小编Use*_*uke的帖子

我有一个简单的html页面,其中包含一个固定高度(可滚动)的主div和此div中的2个小div.我想在滚动期间将当前元素放在master div的中间点.它适用于除IE8以外的所有浏览器.在IE8中,document.elementFromPoint()在onscroll事件中返回null,将所有可能的值作为坐标.有谁知道这个问题的解决方法或解决方案？

这是HTML代码:

<div id="mainDiv" style="height:300px;min-height:300px;overflow:auto;" onscroll="mouseScrolled();">
        <div id="div1" style="height:500px;min-height:500px;background-color:blue;display:block;">

    </div>
        <div id="div2" style="height:500px;min-height:500px;background-color:red;display:block;">

        </div>
    </div>

    <span id="debugSpan">
    </span>

JavaScript的:

function mouseScrolled(event) {

        var mainDiv = document.getElementById('mainDiv');
        var x = getXY(mainDiv)[0] + mainDiv.offsetWidth / 2;
        var y = getXY(mainDiv)[1] + mainDiv.offsetHeight / 2;
        var ctr = document.elementFromPoint(x , y);

        document.getElementById('debugSpan').innerHTML = "ClientX=" + x + "<BR>" + "ClientY=" + y +"<BR> Control:" + ctrId;

    }

    function getXY(obj) {
        var curleft = curtop = 0;
        if (obj.offsetParent) {
            do {
                curleft …

我试图将光标更改为内容可编辑div中的特定元素的"指针".

下面的html代码在Internet Explorer 8和9中没有按预期工作.
任何想法如何为可编辑div中的元素设置光标样式？

<div contenteditable="true">
    <img src="http://images3.wikia.nocookie.net/__cb20100430200315/fantendo/images/0/06/Foo.jpg" style="cursor:pointer"/>
</div>