如何正确处理 onclick 事件和 onblur

2023-12-01

以下帖子与我之前提出的问题相关here.

尽管这两个问题是独立的,但它们确实与我实现的相同功能相关 - 预测文本。

我遇到的问题与这两个事件的方式有关onblur and onclick叫做。

当用户在文本框中输入一些字符并决定单击建议而不是完成输入整个单词后,就会发生这种情况。

我有一个onlick每个建议都附有处理程序。

不过,我也有一个onblur处理程序附加到我的文本框。

问题是onblur处理程序应该关闭建议框并销毁其内容。

The onlick处理程序需要内容才能复制单击的 div 的值并将其复制到文本框中。

因此,陷入了困境。如果任何东西已经被破坏了,我就无法复制它onblur处理程序。

我如何捕获一个onblur事件,同时还要弄清楚是否onblur是由用户“点击”其中一项建议触发的吗?

希望我的问题有意义。


我尝试了许多不同的方法,包括将我的文本输入字段和自动填充 div 包装在父 div 中,并在父 div 上设置 onblur - 但没有任何效果。显然你不能在 div 上分配 onblur 事件(因为它一开始就无法获得焦点)。

答案是设置一个超时onblur正如赛斯所建议的那样。

onblur="setTimeout(function() {closeSuggestionBox();}, 100);"

我在一个帖子上找到了对此的很好解释here.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何正确处理 onclick 事件和 onblur 的相关文章

随机推荐

  • “go run -gcflags -m xxx.go”的输出是什么意思

    尝试检查 go 程序中局部变量是否分配在堆或堆栈上 并且无法确定 go 的 gc 的某些输出的含义 Code 变量 堆 stack go variable heap stack learn run with go run gcflags m
  • nginx codeigniter 502 错误网关

    nginx的配置如下 server listen 80 server name www example com root home wwwroot example com index index php index html index h
  • 如何在C#中拦截每个尝试使用API​​函数?

    我需要阻止计算机上的任何屏幕捕获软件进行屏幕截图 由于它们都在标准 API 函数上工作 我想我可以监视和阻止它们 我需要使用 C 我所发现的只是如何在某个程序 屏幕捕获程序 中监视和阻止它们 他们在程序中寻找一个函数 然后将其地址更改为我的
  • 底层提供者在开放实体框架上失败

    我正在网络应用程序中取消实体框架 早些时候一切都工作正常 但后来我从 Sql Server 中删除了数据库 之后 每当我运行该应用程序时 我都会收到以下异常 The underlying provider failed on open en
  • Numpy 数组切片

    我有一个一维 numpy 数组和一些偏移 长度值 我想从该数组中提取属于偏移量 偏移量 长度范围内的所有条目 然后将其用于从原始数组构建一个新的 简化 数组 该数组仅包含由偏移量 长度对选取的值 对于单个偏移 长度对 这对于标准数组切片来说
  • 将函数应用于 data.table 中的每个指定列并按引用更新

    我有一个 data table 我想用它对某些列执行相同的操作 这些列的名称在字符向量中给出 在这个特定的示例中 我想将所有这些列乘以 1 一些玩具数据和指定相关列的向量 library data table dt lt data tabl
  • SSH 在通过 ipv6 连接时超时,但适用于 ipv4 [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 昨天我重新安装了 Ubuntu 出于不相关的原因 从那时起 ssh 的行为就非常奇怪 连接需要很长时间 几分钟 使用 vvv 我发现它首先尝试使用 ipv6 连接 超时 然后尝试通过
  • Git - 如何将本地存储库提交到另一个本地存储库的子文件夹?

    我有一段时间开始了一个 Django 项目 并将其托管在 bitbucket 上 现在我需要将它托管在 openshift 上 方法是它们为您提供一个 git 存储库 每次您推送时它们都会自动部署 问题是存储库附带了几个用于配置和设置的顶级
  • 同一主机/端口上的 Wcf HTTP 和 HTTPS

    Hello 我知道如何为 http 或 https 创建自托管 wcf 但不能同时创建 我想要这两个网址的 wcf https 127 0 0 1 13070 ProxySips http 127 0 0 1 13070 ProxySips
  • rust 宏扩展忽略标记 `,` 和任何后续内容

    这确实有效 macro rules x2 x expr gt x x let a x2 0 但非常相似 macro rules x2 x expr gt x x removed brackets let a x2 0 added brack
  • 如何让msbuild不重建所有项目

    我们有CCnet msbuild tfs 为每个项目配置构建 我们没有使用解决方案进行构建 问题是如果我们只创建 1 个项目 我们应该如何配置构建而不再次重建所有项目 与源代码控制中的一个确切项目相关的更改 有什么办法可以提出一些条件吗 应
  • 在 Flask 应用程序中运行 Dash 应用程序

    我有一个现有的 Flask 应用程序 并且我想要一条通往另一个应用程序 更具体地说 第二个应用程序是阴谋冲刺应用程序 如何在现有 Flask 应用程序中运行 Dash 应用程序 app route plotly dashboard def
  • 如何在DataGridTextColumn中显示Enum类型?

    我已经列出了列表 并将这些列表绑定到工作正常的数据网格 但在该规则类中 我有一个枚举类型 即 类型 因此在数据网格中 我将类型列设置为空 那么我如何获得枚举输入数据网格列请帮助我 谢谢 nagaraju 通常它应该通过绑定直接转换为它的字符
  • 通过IP地址获取用户位置[关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 我有一个用 C 编写的 ASP NET 网站 在此站点上 我需要根据用户的位置自动显示起始页 我可以根据用户的IP地址获取用户所在城市的名称吗 您需
  • ASP.NET 表单身份验证

    我有以下 ASP NET 表单身份验证配置
  • 有序地图实现

    我正在寻找一个 Map 实现 它按照添加键值对的顺序迭代键值对 例如 Map orderedMap instantiation omitted for obvious reasons orderMap put 4 d orderMap pu
  • 如何使用 GPML (Matlab) 进行回归的 2D 高斯过程?

    我有一个Nx2输入矩阵称为X 我也有输出值Y这是一个向量Nx1 我创建一些数据进行测试 如下所示 Xtest linspace x min x max n Ytest linspace y min y max n 所以 矩阵Z is of
  • 如何在 Flutter 中制作 AlertDialog?

    我正在学习在 Flutter 中构建应用程序 现在我来到了警报对话框 我以前做过Android and iOS 但是如何在 Flutter 中发出警报呢 以下是一些相关的问题 如何在 Flutter 中设置 AlertDialog 操作的样
  • 在批处理文件中将字符串转换为整数

    我有一个从文件中读取的变量 var 13 145 我想将此值添加到另一个值 set a var var 5 但结果是13 5 not 13145 5 如何从字符串中删除这个 不要添加逗号 set var 13145 另外 在分配变量时 不要
  • 如何正确处理 onclick 事件和 onblur

    以下帖子与我之前提出的问题相关here 尽管这两个问题是独立的 但它们确实与我实现的相同功能相关 预测文本 我遇到的问题与这两个事件的方式有关onblur and onclick叫做 当用户在文本框中输入一些字符并决定单击建议而不是完成输入