两个同时发生的事件答案

【问题标题】：Two simultaneous events两个同时发生的事件
【发布时间】：2016-05-08 13:24:21
【问题描述】：

我有一个JS代码在这个页面上使用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();
    }
});
};

【问题讨论】：

你应该格式化你的代码，我会编辑它，但它对 iPhone 来说很痛苦

标签： javascript jquery events

【解决方案1】：

您删除了在mousedown 上触发的blur 事件上的叉号，在调用click 事件之前，当您希望触发您的click 事件时，没有cross 元素不再是DOM。

如果您想在十字符号的 click 事件上绑定某些内容，请不要在 input 字段的 blur 事件上将其从 DOM 中删除。

【讨论】：