JSFiddle - React, Tailwind, and code Playground

by Juri Rudi

HTML

<center>
<table>
  <tr>
    <th>HTML</th>
    <th>jQuery</th>
  </tr>
  <tr>
    <td onclick="func_onclick()">onclick<br><i><small>(senza rilasciare)</small></i></td>
    <td id="id_click">click<br><i><small>(senza rilasciare)</small></i></td>
  </tr>
	<tr>
    <td ondblclick="func_ondblclick()">ondblclick</td>
    <td id="id_dblclick">dblclick</td>
  </tr>
  <tr>
    <td onmousedown="func_onmousedown()">onmousedown</td>
    <td id="id_mousedown">mousedown</td>
  </tr>
  <tr>
    <td onmouseup="func_onmouseup()">onmouseup</td>
    <td id="id_mouseup">mouseup</td>
  </tr>
	<tr>
    <td></td>
    <td id="id_on">on</td>
  </tr>
	<tr>
    <td></td>
    <td id="id_one">one</td>
  </tr>
</table>
</center>

CSS

td {
  border: 1px solid black;
	border-radius: 10px;
	background-color: #e6eeff;
  width: 150px;
  height: 50px;
	text-align: center;
}

JavaScript

/* HTML */
function func_onclick() {
	alert("OK");
}
function func_ondblclick() {
	alert("OK");
}
function func_onmousedown() {
	alert("OK");
}
function func_onmouseup() {
	alert("OK");
}
/* jQuery */
$("#id_click").click(function() {
  alert("OK");
});
$("#id_dblclick").dblclick(function() {
  alert("OK");
});
$("#id_mousedown").mousedown(function() {
  alert("OK");
});
$("#id_mouseup").mouseup(function() {
  alert("OK");
});
$("#id_on").on("click", function() {
  alert("OK");
});
$("#id_one").one("click", function() {
  alert("OK");
});