Question

我的上下文菜单有点问题，CSS不适用，点击事件也不起作用。如果我用F12检查元素（在IE 11上），我可以看到CSS在页面上（在标题中），我可以看到上下文菜单的所有行都有点击事件，但它没有我点击时工作。

CSS：

.ctxmenu
{
    position: absolute;
    height: auto;
    padding: 0px;
    margin: 0;
    margin-left: 0.5em;
    margin-top: 0.5em;
    border: 1px solid black;
    background: #F8F8F8; 
    z-index: 11;
    overflow: visible;
}

.ctxline
{
    display: block;
    margin: 0px;
    padding: 2px 2px 2px 8px;
    border: 1px solid #F8F8F8; 
    overflow: visible;
}

.ctxline:hover
{
    border: 1px solid #BBB;
    background-color: #F0F0F0;
    background-repeat: repeat-x;
}

关于contextMenu的构成：

for (i = 0; i < listCorrection.length; ++i) {
    var p = document.createElement('p');
    d.appendChild(p);
    p.setAttribute('class', 'ctxline');
    p.setAttribute('onclick', 'alert("do something");');
    p.innerText = listCorrection[i];
}

当我检查这个上下文菜单的元素时，我可以看到：

<p onclick="alert("do something");" class="ctxline">set</p>

和包含上下文菜单的div：

<div id="ctxmenu1" style"CURSOR: pointer" class="ctxmenu">(the p on context menu are here)</div>

有人知道为什么吗？我尝试将其移动到标题内部，但它仍然无效。

Answer 1

好几个小时后花在这个问题上我可能会找到一个修复，如果有一天有人会在这个页面上结束尝试这个：

替换这样的每一行：

p.setAttribute('class', 'ctxline');

通过以下方式：

p.className = 'ctxline';

我知道它是同样的事情，但IE很好，所以有时候你必须在盒子外思考（这个修复工作适用于IE11，IE9，我没有用其他Navigator测试）。

上下文菜单CSS和事件部分工作

1 个答案: