mousedown on div, child select

by tomsx

HTML

<div id="container">Click me</div>

CSS

#container {
  width: 200px;
  margin: auto;
  border: 3px solid #73AD21;
}

JavaScript

$("#container").on('mousedown.something', function(event) {   
		event.preventDefault();
   // some other code
});
  
 var numbers = ["Numbers", "1", "2", "3"];

            var list = document.createElement('select');
			
            list.setAttribute("id", "dropdown");
            for (var i = 0; i < numbers.length; i++) {
                var opt = document.createElement('option');
                opt.innerHTML = numbers[i];
                opt.value = numbers[i];
                list.appendChild(opt);
            }
$('#container').append(list);

//stop the container mousedown from the created select
$('#container').on('mousedown' , '> select' , function(e){
  e.stopPropagation();
});