在同一个元素上同时绑定单击和双击事件:
JavaScript
<script type="text/javascript">
var timer = 0;
var delay = 200;
var prevent = false;
function singleClick(id)
{
clearTimeout(timer);
timer = setTimeout(function() {
if (!prevent) {copy(id);}
prevent = false;
},delay); //“200”单位是毫秒
}
function dbClick(id)
{
clearTimeout(timer);
prevent = true;
edit(id);
}
function copy(id)
{
var textInComment = document.getElementById(id).title;
var oInput = document.createElement('input');
oInput.value = textInComment;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display='none';
alert("Copy success, you can paste it!");
}
function edit(id)
{
var textInComment = document.getElementById(id).title;
var name=prompt("输入的内容","");
if (name!=null && name!="") {
alert("你输入的是" + name);
}
}
</script>
Html
<img src="{% static 'images/comment.png' %}" id="{{forloop.parentloop.counter}}{{forloop.counter}}" οnclick="singleClick('{{forloop.parentloop.counter}}{{forloop.counter}}')" οndblclick="dbClick('{{forloop.parentloop.counter}}{{forloop.counter}}')" title='{{v2.comment}}' height="30" width="30" >