文本框末尾的Jquery单击事件

当用户在文本框末尾单击最多30px的空格时，是否有可能触发单击事件？我在文本框的末尾有一个背景图像。我无法将背景图标添加为div并附加到文本框的右端。

<div class="textbox">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut feugiat vitae dui sit amet dignissim. Mauris laoreet ultrices libero. Fusce justo lacus, ultricies et egestas ultrices, ultrices et metus. Aenean at rutrum nibh, imperdiet interdum lectus. Pellentesque in neque luctus, pulvinar dui non, lobortis urna. Nulla imperdiet congue felis quis euismod. Pellentesque tempus ornare porta. Ut sit amet nibh non dui hendrerit placerat at sit amet tellus. Phasellus ut est justo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean sit amet urna quis quam facilisis tempor. Sed ut eleifend risus, in elementum ligula.
</div>

$('.textbox').append('<a href="#">Press me</a>');
$('.textbox a').click(function() {
  alert( "Handler for .click() called." );
});

Lorem ipsum dolor sit amet，是一位杰出的献身者。我们的家族成员都是显贵。莫里斯·劳里特·乌尔特里斯·利伯罗。这是一个很好的例子。埃尼安在鲁特鲁姆尼布，在莱克托斯。佩伦茨克在内克·卢克图斯，普尔文纳酒后驾车，洛博蒂斯·乌尔纳。无需为您提供食物。佩伦特斯克tempus ornare porta。但是坐在阿梅特·尼布不醉的地方，坐在阿梅特·泰勒斯的座位上。这是胡斯托。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。他坐在一个临时设施的旁边。在舌苔元素中，有一种特殊的元素。
$（'.textbox'）。追加（''）；
$（'.textbox a'）。单击（函数（）{
警报（“调用了.click（）的处理程序”）；
});

试试这个：

var text = document.getElementsByClassName('text')[0];
text.onclick = function(e){
    var el = e.currentTarget;
    var width = el.offsetWidth;
    var x = el.offsetLeft;
    var x1 = e.pageX;
    if(x1 > (x + width - 30)){   // 30 is padding-right value
        alert("hello");
    }
}

---

保持单击完整文本框并执行以下操作：

如果（e.pageX-（你的宽度））{/*这里编码*/}

（我不擅长数学）你有一些代码要显示吗？为什么不在需要的地方附加所需的html，然后将事件侦听器添加到其中？为什么不用标签包装文本框。