Add a dropdown menu when clicking on text in the DOM

Is there a way I can pop up a dropdown menu on开发者_如何学运维 a webpage when I click certain text? I have text that is highlighted using the span tag. I added an eventlistener - click. When I click, I want to pop up a dropdown menu on the text. I have tried appending a div to the span and then adding the items as a list. But it does not show up on the DOM, and it does not even give me any error messages.

Is this even possible? Can someone help me with this please?

there is way to do it in javascript .for example popup for img tag

<img height="119" width="180" style="cursor: pointer;" oncontextmenu="return dm_popup(2, 2000, event);" onclick="return dm_popup(1, 2000, event);" src="data-samples/images/popup_pic.gif"/>

here the sample for your reference

Note:its not default feature in javascript.

Popups can be created without javascript using css only