html双击事件 jq,jQ双击事件用原生写的方法.html

ondblclick事件

htmlOndblclickHandler

html元素不加on不会触发事件

htmlOndblClick

jsOndblClick

addEventListener

// JQ点击事件的写法

/**

$(function(){

$("button").dblclick(function(){

alert("JQ dblclick 事件");

});

});

**/

// 原生js有三种可以触发ondblclick事件(所有HTML元素都支持ondblclick事件)

// 第一种 在html中使用ondblclick属性

function ondblclickHandler() {

alert("我是调用ondblclickHandler函数哦");

}

//第二种 在javascript中，使用ondblclick属性

document.getElementById("jsOndblclick").ondblclick = function(){

alert("我用的js中的ondblclick属性写的");

};

// js属性不加on是错误的写法

document.getElementById("jsOndblclick").dblclick = function(){

alert("我用的js中的ondblclick属性写的");

};

//第三种 在javascipt中，使用addEvenListener()方法

document.getElementById("addEventListener").addEventListener("dblclick",function(){

alert("我是addEventListener()方法监听的dblclick事件，这个方法是不需要加on");

});

// 这是加了on的写法 是错误的 不会发生任何事件触发

document.getElementById("addEventListener1").addEventListener("ondblclick",function(){

alert("这是错误的写法");

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史