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

Question

我必须使用 title 属性来显示整个文本，以防标签大小减小并强制使用 省略号。现在的问题是我的页面可能会被触摸界面用户访问，他们可能无法选择悬停(除了 galaxy note 用户)。

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

Answer 1

参见 usage of title & abuse of title tags .到目前为止，HTML5 还没有谈到这一点。

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

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

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>