1

我已经在这个问题上广泛浏览了互联网，包括 stackoverflow。我的问题是我有一组“li”，当我使用 ctrl+click 手势时，我希望将多个“li”添加到数组中。我不断得到（e）未定义。我发现了这个：Detect CTRL and SHIFT key without keydown event?

但是提供的答案似乎对许多人有用，但对我却没有。每当我使用它时，即使作为脚本中的唯一项目，萤火虫也不会在控制台中响应，但我得到：“ReferenceError：e 未定义。” 我正在使用火狐。

我最大的问题是将其添加到函数中，并且作为事件触发的函数可以区分 ctrl+click 和正常单击。

有什么专业可以帮助我吗？Vanilla Javascript 首选。

本练习的重点是在单击时删除 LI，但如果按住 ctrl，我想一次删除多个。也许通过将它们存储在数组中。编辑：一些代码

    <ul id = "ulItem">
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>

<script>

window.onload = function(){
var ulItem = document.getElementById("ulItem"); //gets UL with the "ulItem" ID.
var ulList = ulItem.getElementsByTagName("li"); //gets ulItem's "li" in an array.



///prepareLI function.///
var prepareLi = function(){

for(i = 0; i < ulList.length; i++){

ulList[i].addEventListener('click', elementClick);
}
}

//adds the same event listener to each of the "li" inside "UlList" array. Each activated by a click.




///elementClick function.///

var elementClick = function(){

ulItem.removeChild(this);

} //if this is a child of parent, UlList, remove it.

prepareLi();
}
4

2 回答 2

6

浏览器正确地告诉您您从未声明过e，而Detect CTRL and SHIFT key without keydown event 中的示例？已定义e, 通过将其声明为侦听器函数的正式参数。

var elementClick = function(e){
    if(e.ctrlKey) {
        ulItem.removeChild(this);
    }
}

注意使用function(e){而不是function(){

于 2013-10-22T17:30:02.770 回答
1

我想我找到了另一种方法来做到这一点。如果您想模拟Ctrl+click 以选择多个对象，这对我来说是一种解决方法：

创建两个变量，loader 和 loaderArray：

var loader = 1;
var loaderArray = [];

设置文档事件：

document.addEventListener('mousedown', MultiSelect);

和项目上的点击事件：

document.addEventListener('click', singleSelect);

确保窗口事件是一个mousedown项目，也Ctrl被定义为keyCode == 17. 数字部分非常重要。这是我使用的代码：

    function loadArray(e) {

        if (e.keyCode === 17) {

            //console.log("key down");

            loader = 2;

        };

    }

然后我在 singleSelect 事件上设置了一个单独的函数，说明 if loader ==2，使用loaderArray.push(this)而不是正常的处理方式 when loader == 1。加载器数组然后收集变量，您可以使用数组for()或其他循环对数组执行任何操作。

现在，每当我单击该Ctrl键时，文档上的 mousevent 会将 loader 变量变为 2，并且可以通过这种方式区分Ctrl+click 和正常单击。

感谢所有帮助过的人，我希望这对其他人有帮助！:)

于 2013-11-01T16:12:58.047 回答