两个同时发生的事件

2024-06-30

我在这个页面上使用了一段JS代码http://200tr.ru/app/admin/ http://200tr.ru/app/admin/当我按下十字符号时,会发生 2 个事件(模糊和单击),但仅运行模糊代码。我需要反点击交叉代码。 我怎样才能做到这一点?


$(function(){clickOnLink();});
    function clickOnLink(){
        $("span.link").on({
            click: function(){
        var linkId = $(this).text().replace(/\D+/g,"");
        var id = $(this).attr("id");
        var idNum = $(this).attr("id").replace(/\D+/g,"");
        var idType = "link_"+$(this).attr("id").replace(/\d+/g,"");
        var result = "<span class='link'>Переход на link</span> <input     type='text' id='"+id+"' value='"+linkId+"'> <span><span class='plus'>+</span><span    class='cross'>✘</span></span>";
        $(this).replaceWith(function(index, oldHTML){
        return result;
        });
        $("input").focus();
        clickOnCross();
        blurOnInput();
        }
    });
};
function clickOnCross(){
$("span.cross").on({
    click: function(){
        $(this).remove();
     }
});
};
function blurOnInput(){
$("input").on({
    blur: function(){
        $(this).prev().remove();
        $(this).next().remove();
        var idName = $(this).attr("id");
        var idNum = $(this).attr("id").replace(/\D+/g,"");
        var idType = "link_"+$(this).attr("id").replace(/\d+/g,"");
        $(this).replaceWith(function(index, newHTML){
        var linkId = $(this).val();
        var linkIdDb = "link"+$(this).val();
        $.get("handlers/send_link.php", { 
            id: idNum, 
            ans: idType,
            linkid: linkIdDb }
        );
        var result = "<span class='link' id='"+idName+"'>Переход на link"+linkId+". <a href='#link"+linkId+"'>⇗</a></span>";
        return result;
        });       
        clickOnLink();
    }
});
};

你把上面的十字架去掉blur触发的事件mousedown,早于click事件被调用,当你期望你的click要触发的事件,没有cross元素不再在DOM.

如果你想在上面绑定一些东西click出现十字标志时,请勿将其删除DOM on the blur你的事件input field.

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

两个同时发生的事件 的相关文章

  • 带有 Durandal SPA 模板的 MVC 身份验证和防伪令牌

    我的 SPA 的某些区域需要对所有用户开放 有些区域需要身份验证 在这些区域中 我想要保护的是通过 AJAX 加载的数据 我有一个身份验证服务 见下文 我将其添加为我的 durandal 中的依赖项main js 该服务称为 authent
  • 在 location.reload() 之后保持滚动位置

    我使用ajax 来更新所选的照片 如果成功 则刷新页面 用户可以看到所选的图像 它将有一个CSS边框 但当页面刷新时 位置又会回到顶部 我想知道重载后如何保持位置 我搜索了很多网站 仍然无法得到它 请指导我一下谢谢 EDIT 我在这里找到了
  • javascript 中可滚动区域/div 的增量单位?

    在 javascript 中我可以确保我的大 div 垂直滚动 仅以 比方说 16 像素为单位 在 Java 中 这些被称为 增量单位 我在 javascript 中找不到类似的东西 我想确保部分滚动时的某个区域 div 始终是视图 16
  • JavaScript 可以在重新加载后保持任何状态吗?

    有没有办法让 JavaScript 通过重新加载来保存任何变量 如果用户点击重新加载按钮 一旦页面重新加载 JavaScript 是否会保留任何状态 建议 Cookie HTML 5 网络存储https www w3schools com
  • 如何从javascript中的base 64字符串获取图像文件大小? [复制]

    这个问题在这里已经有答案了 我有图像的 Base64 数据 data image png base64 iVBORw0KGgoAAAANSUhEUgAAAOcAAABnCAYAAAD7RFX4AAAACXBIWXMAAAsTAAALEwEA
  • 硒元素不相互作用

    我开始使用selenium node js 到目前为止一切正常 突然相同的脚本抛出错误 未处理的承诺拒绝警告元素不可交互 我尝试设置等待 直到什么也没有
  • 在 Javascript 中访问对象属性

    我正在尝试访问电子邮件和密码字段 但我不知道在哪里 0 来了 我正在从 rethinkdb 检索对象 它看起来不错 没有 0 但后来我使用 Lodash assign 像这样的方法 var user new User var finduse
  • 如何在 JavaScript 中访问 Chrome 拼写检查建议

    如何检测 JavaScript 文本区域内的拼写错误 有与此相关的事件吗 如何访问 Chrome 针对拼写错误单词的拼写检查建议 如何访问 Chrome 针对拼写错误单词的拼写检查建议 尽我所知 你不能 https stackoverflo
  • 邪恶的 Firefox 错误——“底层对象不支持参数或操作”

    我想弄清楚这里发生了什么事 我已经研究了几个小时了 似乎无法理解为什么会发生这种情况 我正在进行一些 AJAX 调用 但仅在 Mac OS X 上的 Firefox 版本 21 中不断收到此错误 这是错误 Exception A param
  • 限制 JavaScript 函数调用,但进行排队(不丢弃调用)

    函数如何限制其调用速率 如果调用过于频繁 则不应丢弃 而应排队并及时间隔开 相隔 X 毫秒 我看过throttle http drupalmotion com article debounce and throttle visual exp
  • Tensorflow.js 与 React-Native

    我知道tensor flow js是一个以网络为中心的库 但出于好奇 我也在react native上尝试了它 它有点有效 它仅适用于调试模式 并在调试模式关闭时抛出错误 错误说窗口 位置 搜索不是一个对象 经过一些研究 我发现窗口对象是在
  • 根据特殊性对一组 CSS 选择器进行排序

    如何根据 JS 函数中的 CSS 特殊性对一组 CSS 选择器进行排序 function SortByCssSpecificity input array of css selectors return sorted array of cs
  • 如何使用 JQuery 3.3.1 和 Bootstrap 3.3.7 设置日期选择器?

    我必须为几种不同形式的输入字段设置日期选择器 过去我使用过 jQuery 日期选择器 但在这个项目中我使用 Bootstrap 3 所以还有另一种方法可用 这是我到目前为止的例子 document ready function datepi
  • MomentJS:如何将 MM/DD/YYYY 中的日期解析为 DD/MM/YYYY

    如何在澳大利亚和美国时间格式中使用 moment js 例如 07 08 2017 对于两种时间格式都有好处 但是 30 08 2017 对于 moment js 无效 但我可以有这样的 dateTime 您可以在这里检查 http jsf
  • 尝试写入事件日志时出错 - 无法打开源“SourceName”的日志。您可能没有写入权限

    目前 我们正在尝试将现有的经典 ASP 页面集成到记录事件日志的新方法中 我们通过调用公开为 COM 对象的 NET 程序集来实现此目的 该程序集实际记录到事件日志中 这一切都正常工作 但是当我们尝试写入事件日志时 我们收到错误 无法打开源
  • javascript 权限被拒绝访问属性

    我在从不同的 iframe 访问属性时遇到问题 我不断收到此权限被拒绝访问属性错误 我见过有人多次询问他们是否使用 file 但没有人 除了我 所以这个问题永远不会得到解决 我不会在网络上这样做 我所有帧的 src 都位于硬盘驱动器上的同一
  • 使重复的scrollBy像jQuery的动画scrollTop一样平滑

    如何使重复的scrollBy调用更平滑 就像使用jQuery的animatescrollTop制作动画一样 目前它是跳跃的 页面在不同的滚动位置之间跳转 我怎样才能让它更顺畅 这是滚动代码 window scrollBy 0 10 scro
  • AngularJS ui-router:如何全局解析所有路由的典型数据?

    我有一个 AngularJS 服务 它与服务器通信并返回 申请表不同部分的翻译 angular module utils service Translations q http function q http translationsSer
  • 反序列化 jQuery 序列化表单

    我正在尝试将表单输入传递到 WebMethod 中并执行某些操作 我用了jQuery 序列化 http api jquery com serialize
  • 多个选择器:确定触发选择器?

    这是一个我无法弄清楚的小问题 我相信很快就会有人回答 有多个选择器 例如 a button span xyz a another click function e var clicked element 我如何找出实际单击了哪个选择器 我需

随机推荐

  • 如何根据多个条件找到嵌入的 Mongoid 文档?

    我有一个 Mongoid 文档 其中嵌入了文档 我想搜索所有顶级文档 其中有一个具有多个条件的嵌入文档 TopDoc where inside first name gt Bob inside last name gt Jones 但在我看
  • ModuleNotFoundError:尽管已安装,但没有名为“PyDIP”的模块

    尝试使用图像识别 我安装了带有 OpenCV 的 Python 如下本教程 https www pyimagesearch com 2018 08 15 how to install opencv 4 on ubuntu 后来 我决定尝试一
  • R data.table如何创建重复项[重复]

    这个问题在这里已经有答案了 I have dataDT lt data table A 1 3 B 1 3 dataDT A B 1 1 1 2 2 2 3 3 3 I want dataDT lt data table A c 1 3 1
  • React-native google auth android DEVELOPER_ERROR 代码 10

    我做了什么 react native init testAuthGoogle cd testAuthGoogle cd android gradlew signingReport 创建一个新项目并显示 SHA1 gt Task app si
  • 使用 OSX 10.9 和 Xcode 6.1.1 + 自定义输入视图作为 Swift 中文本字段的键盘

    加载自定义输入视图键盘后 我在连接按钮时遇到问题 我的主屏幕是故事板 我的自定义视图是 xib 输入视图是一个 nib 文件所有者指向它的 swift 类 我正在使用另一个视图控制器中的代码加载输入视图 extension UIView c
  • LINQ 中的日期差异逻辑

    我尝试从两个不同的数据库表访问数据 然后使用 C 中的 LINQ 将它们连接到两个字段上 我相信我有一个逻辑合理的整体工作方法 我遇到的部分问题是 我在连接两个表之前过滤了它们的数据 因为这些表的数据太多 会导致崩溃 主要问题是 对于其中一
  • 将 XAML 转换为 PDF 并为 Xamarin.Forms UWP 项目对其进行分页

    直到最近我一直被困在如何实现从一个报表 导出 的目标上 堆栈布局在我不知何故从 Dev Limbo 中退出的项目中将其转换为 PDF 背景故事 之前我曾尝试继续使用已经放置的 在项目中 PDFSharp包将 XAML 中呈现的数据转换为客户
  • 向剪切框添加阴影

    我可以使用 CSS 制作以下盒子及其切口三角形 带有边框技巧 只是没有背景图案并带有轻微的噪音 可以用背景图案制作切口三角形吗 还被阴影困住了 我怎样才能添加它 我是否应该更好地切换回旧方法 在框周围使用跨度和背景图像 编辑 具有一张背景图
  • Visual Studio 2019中Python UnitTest下没有测试

    我在 Visual Studio 2019 Version16 3 9 中有一个现有的 python 项目 其中包含在 Visual Studio 2017 下为 unittest py 创建的单元测试 我已经为 unittest 配置了该
  • 是否可以向 ZeroMQ 添加事件处理以在接收/发送数据时进行操作?

    我在Linux Ubuntu 中用C 创建了两个不相关的守护进程 这些进程处于睡眠模式 只有在接收到数据时才会被唤醒 并且执行信号处理程序中实现的操作并再次休眠 我已经使用 SIGNAL IPC 和消息队列实现了这种通信 在发送消息之前 我
  • Admob WP8 System.UnauthorizedAccessException

    我正在使用 VS2012 开发 WP8 应用程序 我希望添加 Admob 横幅广告 不幸的是它引发了异常 导致我的应用程序冻结 为了捕获此 admob 异常 我必须禁用 仅我的代码 VS2012 设置 并且在执行以下代码后 我在最后一行收到
  • 你能以编程方式调用 Siri 吗?

    我想创建一个 UITextView 的子类 其中包含一个自定义按钮来调用 Siri 用于其语音到文本的文本输入 这可能吗 我不介意是否显示键盘 我只想提供自己的按钮来打开 Siri 不幸的是 你不能这样做 从 iOS 6 0 开始 使用 S
  • 为什么要关闭 System.Diagnostics 跟踪自动刷新?

    在我所有的应用程序中 我总是设置
  • 我们可以使用 Azure Web App 设置 FTP 站点吗?

    对于 FTP 和 Azure 来说是全新的 所以如果这个问题听起来很愚蠢 请原谅 有没有办法使用 Azure Web App 服务设置 FTP 有可能吗 我试图避免使用带有 IIS 的专用虚拟机来设置 FTP 我所有的搜索结果都是使用 FT
  • 如何在 Node 中发送 OAuth 请求

    我想访问node js中的WS REST API 我有oauth consumer key和oauth token和 API 端点 oauth signature method 是 HMAC SHA1 如何在 Node 中发送 OAuth
  • Reload $(document).ready(function() ajax页面重新加载后

    我有一个通用的js文件 在ajax请求中重新加载html页面后 我无法访问该文件中的函数 即之间的常见JS函数 文档 ready 函数 如何访问它们并触发公共文件中的函数Example 常见的JS document ready functi
  • Qiskit Nature VQE 打印全量子电路

    我正在使用 Qiskit Nature 进行 VQE 我想看看我的最终量子电路是什么样子的 如何打印整个量子电路 如 ansatz 您可以使用construct circuit方法 例如 假设您安装了最新的 Qiskit 版本 from q
  • 示例代码详细说明了 Ada 和 Java 之间的打字差异 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在尝试想一个很好的例子来详细说明 Ada 的严格类型和 Java 的强类型之间的区别 有谁有一个很好的例子来使用基于整数的值来识别
  • R 在列中按分隔符分割字符串

    我有一个包含几行的文件 例如 A B C awer ttp net Code 554 abcd ttp net Code 747 asdf ttp net Part 554 xyz ttp net Part 747 我想使用 R 仅拆分表的
  • 两个同时发生的事件

    我在这个页面上使用了一段JS代码http 200tr ru app admin http 200tr ru app admin 当我按下十字符号时 会发生 2 个事件 模糊和单击 但仅运行模糊代码 我需要反点击交叉代码 我怎样才能做到这一点