我想知道是否有一种方法可以检测是否text-overflow:省略号在输入字段上处于活动状态,因此我可以显示带有全文的工具提示.
CSS:
input[type='text']
{
text-overflow:ellipsis;
}
HTML:
<input type="text" onm ouseover="Tooltip.Show(this)" value="some long text" />
使用Javascript:
Tooltip.Show = function (input)
{
// This is where i need the see if the current input show ellipsis.
if ($(input).isEllipsisActive())
{
// Show the tooltip
}
}
BR
安德烈亚斯
解决方法:
如果您想知道何时输入文本太长且隐藏… …则没有本机检查支持.您可以破解它.您可以使用相同的文本制作一个tmp容器,查看该容器/文本的宽度,然后将其与输入的长度进行比较.如果tmp容器较长…您的文本和太长.
像这样的东西:
function isEllipsisActive() {
return_val = false;
var text = $('input_selector').val();
var html = "<span id="tmpsmp">" + text + "</span>";
$(body).append(html);
if($('input_selector').width() < $('#tmpsmp').width()) {
return_val = true;
}
return return_val;
}