JavaScript 无法说服鼠标改变其光标

Question

我有一个带有 Infragistics webgrid 的 ASP.NET 页面。我用 Javascript 中的几个方法处理网格行上的鼠标悬停、鼠标移出事件，以将鼠标光标更改为指针，并在鼠标悬停在行上时恢复为默认值。我还切换鼠标悬停行的颜色。

当我在本地调试运行页面时，它工作正常。当我发布到测试服务器，并在 Iexplore (8) 中在 VS 之外运行它时，鼠标光标没有改变。它保持箭头。不过，该行会正确切换背景颜色。

我认为这是一个缓存问题，但是当我在方法中添加一个警告框来显示 document.body.style.cursor 时，它会在警告中正确显示光标状态；它只是不改变鼠标光标。我已经清除了浏览器中的缓存，删除并重新发布，将 GUID 查询字符串添加到 javascript 文件链接等。

如果我在 Firefox 的测试服务器上尝试该页面，它会正确显示指针光标。

 function _projGrid_MouseOverHandler(gridName, id, objectType) {

    if (objectType == 0) {
        document.body.style.cursor = 'pointer';
       // alert('mouse pointer should be: ' + document.body.style.cursor);
        var cell = igtbl_getCellById(id);
        var elem = cell.Element;
        setRowBackColor(cell.Row, "F0E68C");
    }
}

function _projGrid_MouseOutHandler(gridName, id, objectType) {
    if (objectType == 0) {
        document.body.style.cursor = 'default';
       // alert('mouse pointer should be: ' + document.body.style.cursor);
        var cell = igtbl_getCellById(id);
        setRowBackColor(cell.Row, "white");
    }
}

function setRowBackColor(row, color) {
    var cells = row.getCellElements();
    for (var i = 0; i < cells.length; i++) {
        cells[i].style.backgroundColor = color;
    }

欢迎提出任何想法!

更新:我也有类似的 problems使用 CSS

Answer 1

已找到答案 here

“当 IE 在本地主机上呈现时，它将使用标准兼容模式。

但是，当它在 Intranet 上呈现时，它将使用兼容模式。

不要问我它为什么这样做，这只是 MS 为给我们的开发者生活增添趣味而随意做的事情之一。

只需将此添加到您的 header 即可强制 IE 进入标准兼容模式:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />"