javascript - 如何在innerHTML中添加调用电话号码链接

我正在尝试使用<a href>中的innerHTML标签添加特定于呼叫的电话号码。我试过用双引号和单引号。

第一种情况完全没有触发。

第二种情况确实会出现，但是单击电话号码而不是拨打电话时，它将关闭。

 var popDiv = document.createElement('span');
           popDiv.setAttribute('class', 'popDiv');
           popDiv.innerHTML ="It seems you are looking for: " + "<span style='color:#FF0000'>" + getTitle + "</span>" + "<br />" + "Why don't you call me?" + "<a href='tel:01234567890'>01234 567 890</a>";

请找到JSFiddle的链接

有谁知道可能的解决方案？

最佳答案

您需要检查mouseup事件的target，如果它是h1，则仅删除popDiv。这应该工作：

$("#"+parentContainerId).on('mouseup', function(e){
    if(event.target.tagName.toLowerCase() === 'h1') {
        $('span.selectedText').contents().unwrap();
        $(this).find('span.popDiv').remove();
    }
});

更新了jsFiddle