5秒后如何在输入时触发工具提示？答案

【问题标题】：How to trigger Tooltip on input after 5 seconds?5秒后如何在输入时触发工具提示？
【发布时间】：2019-02-27 15:31:18
【问题描述】：

我目前正在使用 Angularjs（版本 1.5.8），我正在开发一个应用程序，其中动态生成一系列输入，我希望当您关注输入并花费 5 秒或更长时间开始编写时，出现一个工具提示（所有输入的工具提示都相同），目前我有一个支持触发事件（'click'，'mouseenter'，'focus'）的工具提示指令。

我使用点击触发器制作了我想要的第一个版本，但有时会出现不需要的行为，有什么建议吗？

【问题讨论】：

你能创建一个最小的、完整的、可验证的例子吗？ stackoverflow.com/help/mcve

标签： javascript angularjs angularjs-directive tooltip

【解决方案1】：

使用mouseenter 事件（或focus）并设置超时以将title 属性添加到输入（或创建显式工具提示组件以显示）。如果用户有任何keypress 或只是简单的模型输入，那么取消超时？

【讨论】：

当我使用 $(#id).trigger('mouseenter') 没有任何反应

【解决方案2】：

let input = document.getElementById('input');
input.onfocus = function(){
  let a = 0;
  setTimeout(function(){alert('Please, write something');}, 5000);
};

/* Replaces the function alert('Please ...') with the function that manages your tooltip */

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <input id="input" />
</body>
</html>

【讨论】：

我希望只有在您在 5 秒内没有写任何东西的情况下，该事件才会发生。

【解决方案3】：

$scope.focus = 函数() {

setTimeout(函数(){ 警报（“测试”）； }, 5000);`

您在函数内部编写工具提示代码。您编写名为 element.on("focus") 的自定义指令

【讨论】：