长按弹出菜单
来源:互联网 发布:php api接口开发 编辑:程序博客网 时间:2024/05/18 21:43
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <title>linhongyong</title> <script src="../base/style/js/jquery.min.js"></script> <style> .actionSelect{ width: 50px; border:1px solid #ccc; } .actionSelect{ width: 80px; border:1px solid #ccc; position: absolute; display: none; background-color: #fff; z-index: 999; } .actionSelect ul{ margin: 0px; padding: 0px; } .actionSelect li{ width: 100%; height: 30px; line-height: 30px; text-align: center; list-style: none; } .item{ height: 50px; background-color: #67b168; margin-top: 10px; } </style></head><body><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><div class="item"></div><!--操作选项框--><div class="actionSelect"> <ul> <li class="delete">删除</li> <li class="more">更多</li> </ul></div></body><script> feedbackAction(); function feedbackAction(){ var timeOutEvent = 0; $(".item").each(function (index, elem) { $(elem).bind({ touchstart: function (e) { e.preventDefault(); var touchX = e.originalEvent.targetTouches[0].pageX; var touchY = e.originalEvent.targetTouches[0].pageY; timeOutEvent = setTimeout('' + '$(".actionSelect").css("top",'+touchY+').css("left",'+touchX+').css("display","block");' + '$(".myFeedback--says").each(function (index, elem) {' + '$(elem).unbind();' + '});' + '',500); targetId = $(elem).find(".feedback__id").val(); }, touchmove: function () { clearTimeout(timeOutEvent); timeOutEvent = 0; }, touchend: function () { clearTimeout(timeOutEvent); return false; } }); }); } /*操作选择点击事件*/ $(".actionSelect").click(function () { $(".actionSelect").css("display","none"); event.stopPropagation(); }); $("html").click(function () { if($(".actionSelect").css("display") == "block"){ $(".actionSelect").css("display","none"); feedbackAction(); } }); $(".actionSelect .delete").click(function () { delete(targetId); $(".checkbox").css("display","none"); feedbackAction(); }); $(".actionSelect .more").click(function () { $(" .checkbox").css("display","inline"); });</script></body></html>
阅读全文
0 0
- 长按弹出菜单
- webview长按弹出菜单
- 长按弹出快捷菜单
- 长按listview弹出菜单
- 长按listview弹出上下文菜单实现
- ListView:长按弹出上下文菜单(ContextMenu)
- android 组件长按弹出上下文菜单
- 长按tableViewCell弹出复制、黏贴菜单
- 仿QQ长按弹出功能菜单
- 仿QQ长按弹出功能菜单
- iOS tableView多选,长按弹出菜单
- 长按listview弹出上下文菜单实现
- ListView长按弹出菜单项
- 长按tableViewCell弹出复制、黏贴菜单
- 长按tableview弹出相关菜单
- listview长按弹出菜单并响应菜单事件
- android meun 菜单的使用(长按弹出菜单)
- EditText 长按弹出的上下文菜单(如何修改系统默认弹出的上下文菜单)
- Javascript 基础(一)
- MySQL与MongoDB语法对比(简单)
- 安卓插件化实例
- PDO操作数据库的方法
- C语言头文件引入方式
- 长按弹出菜单
- php curl 模拟登陆 获取cookie
- PHP常用函数
- java生成指定个数及区间范围的不重复随机数存入数组中
- 多个程序共享同一串口数据的实现
- 利用Caffe创建自己的lmdb数据集
- select默认选中
- exception:在已经完成 任务后,尝试将任务转换为最终状态。
- 【CodeForces 55D】Beautiful number 数位DP