学习了手机长按弹出框的功能

最新推荐文章于 2022-05-20 21:14:18 发布
最新推荐文章于 2022-05-20 21:14:18 发布
阅读量854 收藏 1
点赞数
分类专栏： 编码
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <meta name="keyword" content="">
  <title>tit</title>
</head>
<body>
 
  <section>
    <div class="daily-option">
      <a class="input-select width-al" href=""><input type="checkbox" name="">全选</a>
      <a class="input-select width-al" href=""><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除</a>
      <a class="input-select width-al" href=""><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>编辑</a>
    </div>
  </section>
  <section>
    <div class="daily-list">
      <a href="" class="width-8 fl font-tit height-tit">
        标题
      </a>
      <div class="width-2 fl text-align-right">
        <input type="checkbox" name="">
      </div>
      <div class="width-al font-txt2 text-align-left height-txt40">
        正文
      </div>
      <div class="width-al fl font-txt3">
        <span>作者</span>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <span>2017-03-07</span>
      </div>
    </div>
  </section>
    <script src="js/jquery.min.js"></script>

    <script type="text/javascript">

    var timeout ;  
    $(".daily-list").mousedown(function() {  
        timeout = setTimeout(function() {  
            $(".daily-list").css("background-color","#f0efed");
            $(".daily-option").css("display","block");  
        }, 2000);  
    });  
    $(".daily-list").mouseup(function() {  
        clearTimeout(timeout); 
        $(".daily-list").css("background-color","#ffffff") 
        $(".daily-option").css("display","none");   
    });   
    $(".daily-list").mouseout(function() {  
        clearTimeout(timeout);  
        $(".daily-list").css("background-color","#ffffff") 
        $(".daily-option").css("display","none");  
    });    
  </script>
  </body>
  </html>
小蒜瓣
关注
专栏目录
长按item弹出菜单
weixin_43858255的博客
09-04 295
长按item弹出菜单，并作出相应 item中包含复选框，点击选项可实现勾选取消，adapter继承BaseAdapter 代码如下 MainActivity` import java.util.ArrayList; import java.util.List; import org.w3c.dom.Text; import android.R.string; import android.nf...
html5屏蔽ios长按复制,html5+CSS 实现禁止IOS长按复制粘贴功能
weixin_33410914的博客
06-05 529
html5+CSS 实现禁止IOS长按复制粘贴功能因为在移动端APP需要实现长按执行别的事件，但是在iOS系统有默认的长按选择复制粘贴，禁止此功能在网上找了很多资料，最终整理出目前最好的解决方法。项目是APP，已经经过多款手机适配此时，因此可以放心使用。/*设置IOS页面长按不可复制粘贴，但是IOS上出现input、textarea不能输入，因此将使用-webkit-user-select:aut...
Android中长按弹出选项框View进行操作
11-05
Android中长按弹出选项框View进行操作
长按手势多次弹出提示框异常
番薯大佬的专栏
09-07 539
通过长按手势弹出提示框，会
Android ListView长按弹出CheckBox，实现全选，反选，批量删除等功能
08-03
Android ListView长按弹出CheckBox，实现全选，反选，批量删除功能. 详情：http://blog.csdn.net/u013006960/article/details/52102839
上下文菜单简单实现，长按弹出选项（java实现）
NS_ice的博客
05-20 737
java实现上下文菜单 效果：长按对应控件会弹出对应的选项菜单，选择对应的条目，即可以执行对应的操作，例如：模式选择。 第一步 xml中编写一个控件，比如TextView，设置id（用于java寻找） 第二步 java中找到控件，并注册上下文菜单。 mContext_menu = findViewById(R.id.context_menu); //通过id找到控件 registerForContextMenu(mContext_menu); //注册上下文菜单 第三步 重写 onC
Android 实现点击出现选择框，或者长按显示选择界面,PopupMenu的简单使用。
安之若素丶c
01-15 3972
这篇文章是我学习过程中遇到的一个比较简单的，但是却经常用到的知识点，例如ListView Item长按的选择功能，或者是点击一个按钮弹出一个小型的功能选择界面。 其实呢，这个是通过一个PopupMenu来实现,来现在我们先看看代码，首先我们需要在 res目录下的menu目录下创建一个xml文件，如果res目录下没有menu目录，则新建一个目录为menu则好，然后创建一个xml文件。 ma
android 气泡提示框_「这个控件叫什么」系列之Popover/气泡弹出框/弹出式气泡
weixin_42498206的博客
01-31 1975
@龙爪槐守望者 ：鉴于国内往期回顾：Popover(气泡弹出框/弹出式气泡/气泡)是由一个矩形和三角箭头组成的弹出窗口，箭头指向的地方通常是导致Popover弹出的控件或区域。通过点击Popover内的按钮或非Popover的屏幕其他区域可关闭Popover。△ Popover如何使用点击某控件或区域弹出Popover后，Popover出现在使其触发的控件附近，箭头的指向很好的表达了Popove...
微信小程序实现添加手机联系人功能示例
08-28
在本文中，长按号码响应函数phoneNumTap用于响应用户长按号码的操作，该函数会弹出一个选择框，供用户选择呼叫号码或添加联系人。 知识点四：微信小程序的API调用 微信小程序中，API调用是指小程序调用微信提供的...
移动端h5文字长按复制_详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案...
weixin_39621794的博客
12-21 2309
最近需要给HTML5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很...
JS动态弹入弹出菜单功能
09-08
JS弹入弹出功能, 动态菜单,移入移出菜单,鼠标移入,鼠标移出,
android 弹窗选项,Android编程实现长按弹出选项框View进行操作的方法
weixin_29521135的博客
05-26 432
本文实例讲述了Android编程实现长按弹出选项框View进行操作的方法。分享给大家供大家参考，具体如下：长按弹出选项框View进行操作主要代码解释private void showPopWindows(View v) {/** pop view */View mPopView = LayoutInflater.from(this).inflate(R.layout.popup, null);fi...
Android ListView长按弹出CheckBox，实现全选，反选，批量删除功能
u013006960的博客
08-03 6359
ListView长按弹出CheckBox，实现全选，反选，批量删除功能. 主布局：activity_main xml version="1.0" encoding="utf-8"?> RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http:
触屏手机端阻止长按弹出选择文字以及弹出菜单，img标签同理
hangGe0111的博客
08-09 3842
1.主要代码 （1）css /*触屏手机端阻止长按弹出选择文字以及弹出菜单*/ *{ /*阻止文本选中*/ -webkit-user-select: none; user-select: none; /*阻止菜单弹出*/ -webkit-touch-callout: none; /*touch-callout去掉，安卓不支持须通过js里的阻止默认事件实现*/ ...
长按弹出菜单
linhongyong的博客
08-11 1667
<!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</
高仿微信聊天界面长按弹框样式
weixin_34235371的博客
01-29 801
效果图 背景 在公司做的项目里面，刚好有需要用到微信聊天界面长按弹框样式这种UI的。 网上找了一下，没找到。 Android现成的 ListPopupWindow又不能满足需求。 因此在非上班时间撸一个出来，供大家使用。 示例代码 关键文件、示例代码及使用方法等我都放到github...
html5实现长按弹框效果，可以用于删除
a497612717的博客
07-19 1055
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title></title> 6 <script type="text/javascript" src="http://lib.si...
Android ListView长按弹出菜单实现教程
本文主要探讨了在Android平台上如何实现在ListView组件上长按触发弹出菜单的功能，并提供了两种实现方式的示例。涉及到的关键技术包括ListView的item长按事件处理、SimpleAdapter的使用以及在Java代码中动态创建并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值