Select标签列表显示 单击和双击事件并存处理

Select标签列表显示 单击和双击事件并存处理

发表于2年前(2014-01-09 10:38)   阅读（ 1187） | 评论（ 0）  0人收藏此文章, 我要收藏

赞 0

4月23日，武汉源创会火热报名中，期待您的参与>>>>>   

摘要  Select标签列表显示 单击和双击事件并存处理

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns = "http://www.w3.org/1999/xhtml" > < head >      < title >Select标签单击和双击事件共存</ title >        < script type = "text/javascript" >          var clickFun = null;          var clickItem = null;            function myClick(obj) {              clickItem = obj;              clickFun = setTimeout(function() { alert("单击事件：值为" + clickItem.value); }, 300);          }            function myDblClick(obj) {              clearTimeout(clickFun);                alert("双击事件：值为" + obj.value);          }      </ script >   </ head > < body >      < select onclick = "myClick(this);" ondblclick = "myDblClick(this);" size = "2" style="width: 150px;          height: 200px; border: solid 1px #000;">          < option value = "1" >text1</ option >          < option value = "2" >text2</ option >      </ select > </ body > </ html >

分享到：    0赞

声明：OSCHINA 博客文章版权属于作者，受法律保护。未经作者同意不得转载。