Ondblick赢得';不能使用onclick javascript处理元素
我有以下问题: 我有一个图像。当用户单击它时,它将显示一个警告框,但如果用户双击它,我也希望将其删除。我有以下标记,但它不起作用Ondblick赢得';不能使用onclick javascript处理元素,javascript,jquery,html,Javascript,Jquery,Html,我有以下问题: 我有一个图像。当用户单击它时,它将显示一个警告框,但如果用户双击它,我也希望将其删除。我有以下标记,但它不起作用 <h1>hello </h1> <img src="smile.png" class=" center-block" onclick="alert('Hello')" ondblclick="$('img').remove();"> 你好 唯一的工作部件是报警按钮 注意:jquery已加载当您想在some
<h1>hello </h1>
<img src="smile.png" class=" center-block" onclick="alert('Hello')" ondblclick="$('img').remove();">
你好
唯一的工作部件是报警按钮注意:jquery已加载当您想在something.js中指定元素时,请不要使用内联javascript:
$('.center-block').dbclick(function(){
$('img').hide();
});
发件人:
对话框是模态窗口-它们阻止用户访问程序界面的其余部分,直到对话框关闭。因此,您不应过度使用任何创建对话框(或模式窗口)的函数
如果在单击时触发
警报()
,则UI将被禁用,如果不关闭警报()
,则无法立即执行后续单击。(您应该听到警告声)这适用于您试图在代码中实现的目标:
JSFIDLE示例:
将下面的代码放在正文文档底部的脚本标记中,您可以
如果需要,仍然使用警报:
<script>
//the class to click on
var selector = ".center-block";
//set the doubleClicked variable to 0 meaning false
//in this example
var doubleClicked = 0;
//on single click function for selector class
$(selector).on("click",function(){//begin function
//use time out function to delay execution for specified amount
//of time in this case I used 2 seconds
setTimeout(function () {
//if doubleClicked equals 0
if (doubleClicked === 0){//begin if then
//display alert
alert("hello");
}//end if then else
}, 2000);//<--delay set for two seconds
});//end function
//on double click function
$(selector).on("dblclick",function(){//begin function
//set doubleClicked to 1
doubleClicked = 1;
//remove the img element
$("img").remove();
});//end function
</script>
//要单击的类
变量选择器=“.center block”;
//将双击变量设置为0表示false
//在这个例子中
var=0;
//关于选择器类的单击函数
$(选择器)。在(“单击”,function(){//begin function
//使用超时功能延迟指定数量的执行
//在这种情况下,我用了2秒
setTimeout(函数(){
//如果双击等于0
如果(双击===0){//begin if then
//显示警报
警惕(“你好”);
}//结束,否则就结束
},2000);//您可能希望自己(使用计时器)检测dbl单击
纯javascript的基本概念如下:
看看这里:为什么要回滚@scimonester的正确编辑?没有ondbclick
或elemt
。对于您的问题:您可能希望自己检测dbl单击(使用计时器):这样您就不会提前触发阻塞警报()