Question

我有以下html结构：

 <div id="grandparent">
    <div id="parent">
            <p>
                high light me with mouse!! highlight me with mouse!!highlight me with mouse!!

            </p>

</div>
</div>

我有这个js代码：

$(document).mouseup(function (event) {
        var target=event.target;
        target=$(target);
        var parent = target.parent();
        console.log(parent.parent().attr("id"));
            if (window.getSelection) {
            var selection = window.getSelection();
            selectedText = selection.toString();
                console.log(selectedText);
            }
        });

所以这段代码只是控制台记录所选文本。

但是我有一个问题 - 当我点击我的<p>元素而不是单击文档时 - 然后我移动鼠标选择保留左键的文本我无法获得父div的id，因为

var target=event.target;

目标成为文档元素

Answer 1

更改$(document).mouseup(的{{1}}。

代码：

$("#parent").mouseup(

$("#parent").mouseup(function (event) {
  var target=event.target;
  target=$(target);
  var parent = target.parent();
  console.log(parent.parent().attr("id"));
  if (window.getSelection) {
    var selection = window.getSelection();
    selectedText = selection.toString();
    console.log(selectedText);
  }
});

正确触发onmouseup元素

1 个答案: