DOM onselect无法正常工作

时间:2014-12-27 19:15:27

标签: javascript html textarea textselection onselect

我正在使用如下定义的文本区域:

<textarea id="description"></textarea>

我正在尝试检测用户选择某些文字的时间,而onselect似乎是完美的。它完全适用于w3schools的例子,我把它当作:

<textarea id="description" onselect="alert('testing');"></textarea>

但是当我将其更改为我自己的功能时,没有任何反应。

我试过这个用过: document.getElementById("description").addEventListener("onselect", getSelection("description"));

并且会在页面加载时执行,并且在选择文本时不会执行任何操作。

我只是在函数中有一些简单的东西试图让它工作,我已经测试了我的动作选择代码,那很好。我无法让它运行一个onselect事件。这是我的测试getSelection函数。

function getSelection(ele)
{
    var ele = document.getElementById(ele);

    var txt = "Text Selected";

    console.log(txt);
}

有什么想法吗?关于onselect的信息似乎很少,人们认为选择标签的资源最多。

1 个答案:

答案 0 :(得分:2)

您必须传递对该函数的引用,现在您只需使用()立即调用该函数。另外,要使用addEventListener添加活动,您必须使用select代替onselect

document.getElementById("description").addEventListener("select", getSelection);

function getSelection(event)
{
    var ele = event.target;

    var txt = "Text Selected";

    alert(txt);
}
<textarea id="description"></textarea>