Html5 ListBox

Set the dragStart property of the jqxListBox. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='jqxListBox'></div>
<div id="log"></div>

JavaScript

var source = [
     "Affogato",
     "Americano",
     "Bicerin",
     "Breve",
     "Café Bombón",
     "Café au lait",
     "Caffé Corretto",
     "Café Crema",
     "Caffé Latte"];

 // Create a jqxListBox
 $("#jqxListBox").jqxListBox({
     allowDrop: true,
     allowDrag: true,
     source: source,
     width: 200,
     height: 220,
     theme: 'energyblue',
     dragStart: function (item) {
         $("#log").text("Dragging: " + item.label);
     }
 });