是否可以在 <a> 标记内选择文本？答案

【问题标题】：Is it possible to select text inside an <a> tag?是否可以在 <a> 标记内选择文本？
【发布时间】：2018-03-13 20:26:08
【问题描述】：

我有以下元素：

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

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

更新

很抱歉，我无法指定我的目标。
我需要选择文本，以便从无法直接修改的站点复制和粘贴它。
我知道如何通过 javascript 做到这一点，但不幸的是，我唯一能做的就是强制 IE 设置不同的 CSS 样式。
我正在尝试找到一种更改元素可视化的方法，以允许鼠标选择并防止调用事件单击。
例如：增加<span> 的高度使其比溢出其父边框的<a>“高”。
我将尝试使用 CSS position: relative; 并重新调整大小。
一个更好的解决方案可能是更改<span> 的z-index 将其移动到比<a> 更高的层，但我认为不可能为IE 上的父/子元素更改它。

【问题讨论】：

我认为你误解了 CSS。 CSS 用于样式化内容。您必须使用 javascript 来处理可以处理页面上的用户事件的问题。
你可以改变javascript，对吧？
你可以使用 JQuery/Javascript
那你为什么要使用<a>？
没有 HREF 属性的锚元素永远不会是活动链接。

标签： jquery html css selection

【解决方案1】：

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

.example{
user-select: text;
}

【讨论】：

【解决方案2】：

“ text ”怎么样

然后你可以在不触发链接的情况下选择 span 内的文本。

【讨论】：

【解决方案3】：

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

试试简单的 jQuery sn-p。点击时调用方法 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

}

希望对你有帮助

【讨论】：

【解决方案4】：

使用 jquery 你可以做这样的事情：

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

或者

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

虽然您很可能希望将此与事件绑定，但我能问一下您要获取文本的目的是什么吗？

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

【讨论】：

【解决方案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>

我希望我能理解你的问题......

【讨论】：