select不支持双击dbclick事件
网页制作 发布日期:2024/12/26 浏览次数:1
正在浏览:select不支持双击dbclick事件
XML/HTML Code复制内容到剪贴板
- <div class="centent" style="width:200px; float:left; margin-right:20px;">
- <select multiple="multiple" id="select1" style="width:150px; height:160px;">
- <option value="1">选项1</option>
- <option value="2">选项2</option>
- <option value="3">选项3</option>
- <option value="4">选项4</option>
- <option value="5">选项5</option>
- </select>
-
- <div>
- <span id="add" style="display:block; width:140px; cursor:pointer;">选中添加到右边</span>
- <span id="addAll" style="display:block; width:140px; cursor:pointer;">全部添加到右边</span>
- </div></div>
- <div class="centent" style="width:200px; float:left; margin-right:20px;">
- <select multiple="multiple" id="select2" style="width:150px; height:160px;">
- </select>
- <div>
- <span id="add1" style="display:block; width:140px; cursor:pointer;"><<选中删除到左边</span>
- <span id="addAll1" style="display:block; width:170px; cursor:pointer;"><<全部选中删除到左边</span>
- </div>
- </div>
JavaScript Code复制内容到剪贴板
- <script type="text/javascript">
-
- //下拉框多选的应用 9:57
- $(function(){
- //开始把左边的添加到右边
- $("#add").click(function(){ //把选中的添加到右边
- $option = $("#select1 option:selected");
- $option.appendTo("#select2");
- })
- $("#addAll").click(function(){ //全部添加到右边
- $option = $("#select1 option");
- $option.appendTo("#select2");
- })
- $("#select1").dbclick(function(){ //双击添加到右边
- $option = $("#select1 option:selected",this);
- $option.appendTo("#select2");
- })
- //开始右边的添加到左边
- $("#add1").click(function(){ //把选中的添加到左边
- $option = $("#select2 option:selected");
- $option.appendTo("#select1");
- })
- $("#addAll1").click(function(){ //全部添加到左边
- $option = $("#select2 option");
- $option.appendTo("#select1");
- })
- $("#select2").dbclick(function(){ //双击添加到左边
- $option = $("option:selected",this);
- $option.appendTo("#select1");
- })
- })
- </script>
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。