javascript - 替换在触摸屏环境中工作的 Title 属性

Question

我必须使用title属性来显示整个文本，以防标签大小减小并强制使用ellipsis. 现在的问题是触摸界面用户可能会访问我的页面，并且他们可能没有悬停选项（除了 Galaxy Note 用户）。

我希望有人知道 HTML5/HTML 中用于触摸设备的控件，它会在点击 div 以获取完整文本时在 div 旁边的屏幕上烘烤标题文本。

Answer 1

请参阅标题的使用和标题标签的滥用。到目前为止，HTML5 还没有谈到这一点。

您可能需要使用 js 自己实现双标签事件或使用jquery doubletap

或者，悬停事件由许多移动设备实现，在第一次点击时触发......小提琴

CSS

span {
    width: 100px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

span:hover {    
    overflow: visible;
}

HTML 代码

<span>Test test test test test test</span>