展开

关键词

html5移动端禁止长按图片保存的实现

在移动端访问H5页面的时候,长按图片就会把图片保存起来,为了能够让用户体验更好一些,我们需要长按的时候也不保存图片。那该如何实现呢?下面给出3种解决方案。 moz-user-select: none; -ms-user-select: none; user-select: none; } -webkit-touch-callout 主要用于禁止长按菜单 opacity: 0; } .imgbox img{ display: block; width: 100%; } 图片上边加一层div类似于遮罩层,这样图片就不会被点击,右击或长按也不会出现如图的图片另存为的选项了

5830

WKWebView长按保存图片逻辑

问题 在WKWebView上的图片,长按会触发系统控件进行保存和共享,但通过系统共享是没法分享图片,只能进行长按手势覆盖,然后用本地控件实现 解决方案 屏蔽WebKit的长按逻辑 //禁止长按逻辑 string]; [javascript appendString:@"document.documentElement.style.webkitTouchCallout='none';"];//禁止长按 开始长按手势"); }else if(pressSender.state == UIGestureRecognizerStateEnded){ //可以添加你长按手势执行的方法 结束长按手势"); }else if(pressSender.state == UIGestureRecognizerStateChanged){ //在手指点下去一直不松开的状态执行 长按手势改变"); } } 手势中捕捉图片进行处理 - (void)detectInWebView:(UIGestureRecognizer *)ges{ CGPoint touchPoint

83020
  • 广告
    关闭

    腾讯云精选爆品盛惠抢购

    腾讯云精选爆款云服务器限时体验20元起,还有更多热门云产品满足您的上云需求

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS实现点击图片放大&长按保存图片

    在项目中免不了会遇到,实名认证上传身份证、绑定银行卡等功能。在实际操作中呢,会涉及到上传图片,在页面布局时,可能图片不是一张,考虑到布局的美观等因素,显示图片的...

    59120

    干货 | 微信小程序长按保存图片

    微信浏览器打开h5页面如果是img标签的话,长按会弹出保存图片的选项。但是微信小程序里面不可以,需要自己写这个功能。 这个功能有两个点,一个是长按,一个是保存图片到本地。 1. 最后再走个心吧,毕竟我这么可爱 ①长按后直接保存未免潦草了些,考虑到用户体验,加入 wx.showActionSheet() ② 如果用户拒绝授权 或者 以前拒绝过授权,这时候也应该给他提示,或者展示再次打开授权的入口 bindlongpress="saveImage"></image> // 长按保存功能 }) }, fail(res) { console.log(res.errMsg) } })},// 长按保存功能 console.log(res); } })}, 原文作者:Rolan 原文链接:http://www.wxapp-union.com/article-5770-1.html

    2.3K20

    Android WebView实现长按保存图片及长按识别二维码功能

    先来简单说一下本文所要实现的功能:用户在浏览网页的时候,长按某一区域,识别如果是图片,则弹出弹框,出现保存图片的功能。同时识别图片是否是二维码,如果是则在弹框中追加识别二维码功能。 细节上:保存图片的弹框要显示在手指长按的位置;选择图片保存后,可以让用户直接去相册查看;选择识别二维码,判断是是不是网址,是的话可以让用户选择复制或访问,否则可以让用户选择复制或搜索。 然后再来看一下效果图: 保存图片 ? save.gif 识别包含普通文字的二维码: ? text.gif 识别包含网址的二维码: ? 当然这里我们只需要判断是否是图片就好了,然后将长按位置和url一起回调给外层。 最后贴下本项目github地址,对 WebView 感兴趣的可以了解下: github 总结 以上所述是小编给大家介绍的Android WebView实现长按保存图片及长按识别二维码,希望对大家有所帮助

    1.5K60

    html5 判断是点击还是长按

    在移动端尤其是微信浏览器中,长按有一个功能是识别二维码或者是弹出复制文字的浮层,但是有时候我们不想让他弹出来,于是会采用禁止默认事件的方式来写,那么问题来了,点击事件也就不生效了。 timeOutEvent){ alert("这是执行点击,而不是长按"); } return false; } }) function longPress(){ timeOutEvent = null; alert("长按事件触发"); }

    33120

    Html2canvas - 微信中长按存图 - 将h5活动结果保存到本地

    所以,就要动态生成web网页为图片了,然后用户长按这张图片,调取微信的长按存图功能就行了。 这里只记录最后生成截图并保存的做法: 一般做法是,用户选择完毕生成结果后,要有一个事件比如click提前触发,让html2canvas赶紧画图: 具体html2canvas的使用和配置,以及bug填坑之类请看这一篇 长按截图(核心)- 调取微信的保存图片到手机功能。 普通需求下, 既然微信是按谁存谁,按哪张图存哪张图,那把需要存的图盖到最上边,让其成为用户可以按到的唯一一张图,不就可以了? 所以将这张要保存的图片的层级调到最高,盖到所有元素的上边,就可以实现用户长按图片弹出保存功能! 问题又来了:微信能否长按一张看不见、但是存在于dom结构中的图,也调起存图功能呢? 经过提心吊胆地测试后得出结论:长按不可视的图片也可以调起微信的长按存图功能。哈哈!

    2.4K31

    Android长按imageview把图片保存到本地的实例代码

    mImageView.setDrawingCacheEnabled(false); } } stirng文件下需要的几个toast <string name="save_picture" 保存图片 </string <string name="save_picture_failed" 保存失败</string <string name="save_picture_success" 图片成功保存至 }); builder.show(); return true; } }); 总结 以上所述是小编给大家介绍的Android长按 imageview把图片保存到本地的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。

    37110

    Android使用webView长按保存下载网络图片

    本文实例为大家分享了Android使用webView长按保存下载网络图片的具体代码,供大家参考,具体内容如下 最近发现在webView的setOnLongClickListener中可以获取到WebView.HitTestResult 运行Demo在网页中对图片做长按点击即可下载网络图片 直接上代码: 下面附有Demo下载:点击打开链接 package demo.sam.webview_demo; import android.app.Activity editText.getText().toString().trim()); webView.loadUrl(editText.getText().toString().trim()); } }); // 长按点击事件 AlertDialog.Builder builder = new AlertDialog.Builder(context); builder.setTitle("提示"); builder.setMessage("保存图片到本地 Intent.ACTION_MEDIA_SCANNER_SCAN_FILE, Uri.parse("file://" + picFile))); Toast.makeText(context,"图片保存图库成功

    44851

    iOS·长按保存图片到相册:系统原生UIActionSheet与UIAlertView,UIAlertController等方案

    场景: 在一个VC中,为一个UICollectionViewCell中的图片添加长按图片保存的事件。 ? 长按保存图片 前提:infoPlist中添加相应权限:Privacy - Photo Library Additions Usage Description。否则进行保存图片的时候APP会奔溃。 ? 长按保存事件 ? 保存成功提示 2. 长按保存图片 3. UIAlertController实现底部/中部弹框 下面的修改点是针对上面的第二节2. 长按保存图片

    63910

    长按键入!

    925.长按键入 力扣题目链接:https://leetcode-cn.com/problems/long-pressed-name 你的朋友正在使用键盘输入他的名字 name。 偶尔,在键入字符 c 时,按键可能会被长按,而字符可能被输入 1 次或多次。 你将会检查键盘输入的字符 typed。如果它对应的可能是你的朋友的名字(其中一些字符可能被长按),那么就返回 True。 示例 1: 输入:name = "alex", typed = "aaleex" 输出:true 解释:'alex' 中的 'a' 和 'e' 被长按。 输入:name = "leelee", typed = "lleeelee" 输出:true 示例 4: 输入:name = "laiden", typed = "laiden" 输出:true 解释:长按名字中的字符并不是必要的

    12620

    IOS UILongPressGestureRecognizer 长按手势

    46630

    长按键入

    长按键入 你的朋友正在使用键盘输入他的名字name。偶尔,在键入字符c时,按键可能会被长按,而字符可能被输入1次或多次。 你将会检查键盘输入的字符typed。 如果它对应的可能是你的朋友的名字(其中一些字符可能被长按),那么就返回True。 示例 输入:name = "alex", typed = "aaleex" 输出:true 解释:'alex' 中的 'a' 和 'e' 被长按。 输入:name = "leelee", typed = "lleeelee" 输出:true 输入:name = "laiden", typed = "laiden" 输出:true 解释:长按名字中的字符并不是必要的

    14800

    JS实现保存当前网页HTML到本地(Chrom Firefox)

    DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>网页HTML存本地</title> <script src="http://libs.baidu.com /jquery/1.9.0/jquery.js"></script> </head> <body> 保存文件 <script> function fake_click ; save_link.download = name; fake_click(save_link); } var test=document.getElementsByTagName('html ')[0].outerHTML; console.log(test); $('a').click(function() { export_raw('test.html', test); }); </script > </body> </html>

    47700

    【Go 语言社区】 HTML5 前端--数据保存实例

    保存数据--->到本地s.html: <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>         <meta charset="UTF =null){                 alert(Cookie.read(strKey)+'cookie');             }         }         // <em>保存</em>的数据的操作的 ,数据的<em>保存</em>到饿饿擦做的饿         function bendihuancun() {             alert("test data update !!! " onclick="bendihuancun()"> </body> </html> 获取本地数据----> <html> <head> <meta charset="UTF-8">     <script

    50840

    HarmonyOS实战—实现长按事件

    长按事件 长按事件使用的次数不是很多,但在有些特殊的情况下还是要用到的。 比如:复制一段文字的时候就是长按操作 长按事件和单、双击事件也非常类似 接口名:LongClickedListener 2. 实现案例:长按按钮修改文本内容 新建项目:ListenerApplication3 ability_main <?xml version="1.0" encoding="utf-8"? ,点谁就给谁绑定事件 //当对按钮进行长按操作时,就会执行this本类中onLongClicked方法 but1.setLongClickedListener(this) Override public void onLongClicked(Component component) { //修改文本框的内容 text1.setText("长按 "); } } 运行: [在这里插入图片描述] 长按按钮后: [在这里插入图片描述]

    12700

    【问题】按键长按短按demo

    大意如下:识别独立按键的长按,短按,通过长按和短按来控制LED的显示方式,短按点亮LED,长按让LEd闪烁。 =0){ Delay10ms(); if(key1==0){ //等待按键释放,在等待过程中10ms累加一次, //后续通过判断这个累加值的大小判断长按还是短按 cont_step++; Delay10ms(); } //cont_step变量的大小控制长按的时常 等到按键释放后再去判断等待过程中的计数值,在本例中,计数值大于120就认为是长按发生,不然就认为是按键短按。这里的计数值为120,实测时间约为2.5左右。 总结 ?

    23520

    webview长按事件js监听

    做app开发时,用到了webview,需要监听webview的长按事件,使用原生的js处理监听如下: var timeOutEvent = 0; //定时器 //开始按 function gtouchstart() { timeOutEvent = setTimeout("longPress()", 500); //这里设置定时器,定义长按500毫秒触发长按事件,时间可以自己改 ,个人感觉500毫秒非常合适 return false; }; //手释放,如果在500毫秒内就释放,则取消长按事件,此时可以执行onclick应该执行的事件 (timeOutEvent); //清除定时器 timeOutEvent = 0; }; //真正长按后应该执行的内容 function longPress () { timeOutEvent = 0; //执行长按要执行的内容,如弹出菜单 //alert("长按事件触发"); do_Page.fire

    2.6K00

    识别Android按键的短按和长按以及长按时长的判断

    前言:最近在做一个关于硬按键的处理,大多数都可以转成Android的keycode,其中一个功能就是要针对按键的长按和短按来做出相应的动作,包括长按的时长不同,相应的处理也不同。 下面是我总结的关于识别Android按键的短按和长按以及长按时长的判断。 但是我的应用是一个后台应用, 下面这个是参考CarInputService.java中的函数写的一个判断硬按键长按短按已经按了几秒的一个方法。 这里面定义了按键按下去和弹上来的事件,然后在按下去的时候和弹回来时分别计时,最后算出此次按键的时间,然后多久算长按有自己决定。 ,在这个方法里调用之前写的EnterPressTimer里的方法,来判断他是长按还是短按,然后进行相应的处理。

    1.6K30

    相关产品

    • 文档服务

      文档服务

      文档服务(DS)由腾讯云数据万象提供,支持多种类型的文件生成图片或 html 格式的预览,可以解决文档内容的页面展示问题,满足多端的文档在线浏览需求。同时,还提供文本隐私筛查能力,可以有效识别文本中的身份证号、手机号等敏感数据,满足数据可用性和隐私保护的各种要求。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券