我在这个页面上使用了一段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(使用前将#替换为@)