Question

我有以下要素：

<a> <span>text</span> </a>

在链接元素上触发了 onclick 的特定操作我正在寻找一种方法来选择跨度内的文本而不触发链接。
NB。 我无法更改代码，但只能更改CSS。

更新

对不起，我无法说明我的目标我需要选择文本，以便从我无法直接修改的网站中复制和粘贴它我知道怎么做通过javascript，但不幸的是我唯一能做的就是强制IE设置不同的CSS风格。
我正在尝试找到一种方法来更改元素可视化，以便允许鼠标选择并防止调用事件点击例如：增加<span>高度使其“高于”溢出其父边框的<a>。我将尝试使用CSS position: relative;并重新调整尺寸一个更好的解决方案可能是更改z-index <span>将<a>移到比{{1}}更高的层上，但我认为不可能在IE上为父/子元素更改它

Answer 1

您可以使用用户选择的css属性。

.example{
user-select: text;
}

Answer 2

“＆lt; a href =”javascript：void（0）“＆gt;＆lt; span＆gt; text＆lt; span \＆gt;＆lt; / a＆gt;”

怎么样

然后您可以选择范围内的文本而不触发链接。

Answer 3

根本不可能使用CSS ......至少需要更改javascript。

试试简单的jQuery片段。单击调用方法myMethod（this）：

<a href = "javascript : myMethod(this)l" ><span>text</span> </a>

然后

function myMethod (currObj) {
var temp = $(currObj).find(span).text();
//alert(temp); -- just to test

}

希望有所帮助

Answer 4

使用jquery你可以这样做：

$('a').children('span').text();

或者

$('a span').text();

虽然您很可能希望将其与某个事件绑定，但我可以问您尝试获取该文本的内容是什么？

$('a').on('click', function( e ) {
   e.preventDefault();
   $(this).children('span').text();
});

Answer 5

试试这个：

[*我删除你的跨度，因为我认为没有必要。]

<a id="txtSel" href="javascript:void(0)" onclick="aClick()">your_text<a>

<script type="text/javascript">
    function aClick()
    {
        var myTxt = document.getElementById("txtSel").innerHTML;
        alert(myTxt);
    }
</script>

我希望我明白你的要求......

是否可以在<a> tag?</a>内选择文字

5 个答案: