On Hover : How to show a tool tip with copy option for all url in a textarea field in Extjs

{
    xtype: 'textareafield',
    id: 'myTextarea',
    fieldLabel: 'URLs',
    tooltip: 'Hover over a URL to see the tooltip with copy option',
    // 其他属性...
}

Ext.create('Ext.tip.ToolTip', {
    target: 'myTextarea', // 文本区域字段的ID
    delegate: '.x-form-textarea', // 委托给文本区域字段的元素
    trackMouse: true, // 跟踪鼠标移动
    renderTo: Ext.getBody(), // 渲染到页面的body元素上
    listeners: {
        beforeshow: function(tip) {
            var targetEl = tip.triggerElement;
            var url = targetEl.value; // 获取URL
            var copyOption = '<a href="#" onclick="copyToClipboard(\'' + url + '\')">Copy</a>'; // 复制选项
            tip.update(url + ' ' + copyOption); // 更新工具提示内容
        }
    }
});

function copyToClipboard(url) {
    var textField = document.createElement('textarea');
    textField.innerText = url;
    document.body.appendChild(textField);
    textField.select();
    document.execCommand('copy');
    textField.remove();
}