这标题，让option支持事件监听，应该不难的呀，有什么好讲的？
其实还是有的，默认在浏览器代码是无法直接对option标签进行操作的，不仅包括JS事件监听，还是CSS样式设置
查了一些资料，姑且认为它是系统OS级别处理的
想自定义option的样式，很多人会建议用 <ul> <li> 标签来辅助同步操作与值
想对option进行事件监听，有一个tip：当给select显示设置了size 属性且值 大于1 时，才能监听
近来产品也提了个鼠标操作复制option值的需求，就利用这个size属性实现一番吧
先看图
实现小析
因为select的size属性表示默认展示多少个option，并设置这个高度
不过有了size之后，默认select右侧就会出现滚动条式样，加个 overflow:hidden 处理就行了
此外，功能操作与原select也有一些些不同，也要模拟处理
右键后生成一个复制按钮，点击复制则调用浏览器自身的复制命令
HTML
复制按钮的模板
要注意一个点，id为myCopyVal放在此处是为了方便定位元素，再调用文本select()方法，调用此方法时要求dom元素不能隐藏
所以需用 opacity:0 代替 type="hidden" | display:none | visibility:hidden
JS部分
当然了，这个execCommand方法可能在某些浏览器上不支持，这里还没做兼容，复制功能也还有些简陋
就酱