jQuery Mobile如何禁止长按和页面选择弹出的复制对话框

最新推荐文章于 2023-01-30 16:58:40 发布
最新推荐文章于 2023-01-30 16:58:40 发布
阅读量204 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/liuxingzi/archive/2012/12/13/3404298.html
版权
小小原创，转载请注明出处：  http://iphone.xiaoxiaostudio.net/2012/12/13/如何禁止长按 我在用phonegap 做程序时，当长按某一按钮时，会弹出一个iPhone自带的对话框，不想显示这个对话框。 另外当长按页面时，也会弹出选择网页的对话框，我做的是本地程序不想出现这样的东西。如下图所示 解决办法，可以用css来做，代码如下，其中还需要排除输入框，因为输入框还是需要被选择的。 
     

 

转载于:https://www.cnblogs.com/liuxingzi/archive/2012/12/13/3404298.html

                

        

        




    




    

      

        

            

              
                
                  weixin_33849215
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
移动端禁止长按事件触发的复制粘贴

				
			

			

				

					weixin_44476689的博客
				

				

					04-17
					
					2568
					
				

			

		

		

			
				
这里写自定义目录标题移动端禁止长按事件触发的复制粘贴
移动端禁止长按事件触发的复制粘贴
页面中全部文字内容禁止长按复制的方法  CSS 写法
*{
-webkit-touch-callout:none;  /系统默认菜单被禁用/
-webkit-user-select:none; /webkit浏览器/
-khtml-user-select:none; /早期浏览器/
-moz-user-sele...

			
		

	



                

              
                



	

		

			

				
					
vue 简单实现屏蔽移动端复制功能

				
			

			

				

					qq_24010663的专栏
				

				

					09-11
					
					4114
					
				

			

		

		

			
				

由于医生提供的资料都比较宝贵，所以要求在移动端不能复制。特地总结一下网上和自己的几个方法。


一 方法实现

1.第一种覆盖大多数的方法


			
1
2
3
4
5
6
7
8
9
10

			
			
			
 *{
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-use...

			
		

	



                


  
              

                


	

		

			

				
					
原生JS实现网页中的禁止复制功能和弹窗、以及如何在不能复制的网页中实现正常复制。

					
最新发布

				
			

			

				

					LEElcg的博客
				

				

					01-30
					
					1540
					
				

			

		

		

			
				
这篇文章主要讲述了原生JS实现网页中的禁止复制功能和弹窗、以及如何在不能复制的网页中如何实现正常复制。

			
		

	





	

		

			

				
					
jquery按钮禁用（全）

				
			

			

				

					qq_36521848的博客
				

				

					08-26
					
					2万+
					
				

			

		

		

			
				
代码开发中，经常会用到按钮禁用，总结如下：


//禁用按钮方式一
$("#readbut").attr("disabled","disabled");
$("#readbut").removeAttr("disabled");

//禁用按钮方式二
$("#readbut").attr("disabled",true);
$("#readbut").attr("disabled",false);

//禁用按钮方式三（不建议使用，部分环境解除禁用会失效）
$("#readbut").attr("disab

			
		

	



		

			
		



	

		

			

				
					
jquery让网页不让复制和粘贴

				
			

			

				

					wy_klxx的博客
				

				

					12-18
					
					2041
					
				

			

		

		

			
				
记录的一段jquery不准网页复制和、粘贴的方法

			
		

	





	

		

			

				
					
js,jq 键盘长按事件，以及如何阻止用户长按键盘不松的情况

				
			

			

				

					业余前端的职业经历
				

				

					04-23
					
					1843
					
				

			

		

		

			
				
比如我们的手机号 输入框有的时候 可能会在 手机号输入中间 加入 空格或者横线的情况下

那么 当用户长按 就可能出现问题了

键盘 长按 是 keypress 事件  可能用过这个童鞋的比较少吧 我这里用jq进行模拟下


<input type="text" id="phone">
    <script>
        $('#phone').on('keypress', function() {
            console.log($(this)...

			
		

	





	

		

			

				
					
Jquery实现页面加载时弹出对话框代码

				
			

			

				

					10-27
				

			

		

		

			
				
在给定的标题和描述中，我们关注的是如何使用jQuery实现在页面加载完成时弹出一个对话框。对话框通常用于向用户显示消息或提示信息，这里是通过`$(document).ready()`函数来实现这一功能。  `$(document).ready()` ...

			
		

	





	

		

			

				
					
jquery实现点击弹出对话框

				
			

			

				

					10-15
				

			

		

		

			
				
最后，实现的对话框效果可以通过浏览器查看，以确认点击按钮时对话框是否正确弹出，以及取消和确定按钮是否按预期工作。  总的来说，这个示例展示了如何使用 jQuery 实现一个简单的点击弹出对话框功能，包括创建...

			
		

	





	

		

			

				
					
jQuery点击按钮弹出对话框窗口提示插件

				
			

			

				

					06-10
				

			

		

		

			
				
本文将详细讲解如何使用jQuery实现一个点击按钮弹出对话框窗口提示的插件，以便用户在执行关键操作前进行确认或取消。  首先，我们需要引入jQuery库。在`index.html`文件中，添加以下代码片段来引入jQuery：  ```...

			
		

	





	

		

			

				
					
jQuery支持多次确认的点击弹出确认对话框代码

				
			

			

				

					06-10
				

			

		

		

			
				
本主题涉及的是如何使用jQuery实现一个支持多次确认的点击弹出确认对话框的功能，这对于用户交互和数据安全至关重要。现在，我们将深入探讨这个话题。  首先，`index.html`是网页的主文件，它包含了页面的结构和内容...

			
		

	





	

		

			

				
					
移动端，长按时如何禁止出现选中复制

				
			

			

				

					wei_qiu_na的博客
				

				

					01-08
					
					869
					
				

			

		

		

			
				
很简单，直接丢代码

*{

-webkit-touch-callout:none;//系统默认菜单被禁用/

-webkit-user-select:none;//webkit浏览器/

-moz-user-select:none;//火狐/

-ms-user-select:none;//IE10/

user-select:none;

}

...

			
		

	





	

		

			

				
					
Flutter使用Dialog

				
			

			

				

					weixin_40763897的博客
				

				

					10-25
					
					1956
					
				

			

		

		

			
				
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class MyDialogApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "Dialog Demo",
      theme: ThemeData(
   

			
		

	





	

		

			

				
					
如何在移动端web端禁止长按选择文字以及弹出菜单

				
			

			

				

					itclanCoder
				

				

					10-01
					
					3412
					
				

			

		

		

			
				
在做移动端页面时,当用户用手机打开网站,当在上面用手指进行一些用户操作时如果没有做任何处理,当用户点击屏幕,且有长按的动作时,屏幕会弹出一菜单,以及选中的效果,这个是非常不好的体验,那怎么禁用呢，用css几行代码就可以解决/*如果是禁用长按选择文字功能，用css*/
*{
-webkit-touch-callout:none;
-webkit-...

			
		

	





	

		

			

				
					
在移动端禁用长按选中文本功能

				
			

			

				

					Jq的博客
				

				

					04-25
					
					1098
					
				

			

		

		

			
				
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input {
-webkit-touch-callout: auto;
-webkit-us...

			
		

	





	

		

			

				
					
移动端网页开发消除手机自带的弹出菜单项

				
			

			

				

					nida123456的专栏
				

				

					07-20
					
					1205
					
				

			

		

		

			
				
最近由于项目需求，需要长按弹出一个自定义菜单项供用户选择操作，此功能可用jquery的touchstart，touchmove,touchend三个触碰事件外加时间器实现，在网上找了很多，发现大部分加入这段css代码就能解决此问题，但是对于Android手机还是不能完美解决，所以还需要加入一段js代码。

  

body {

-webkit-touch-callout:none;/*系统默认菜...

			
		

	





	

		

			

				
					
jquery实现手机端长按响应事件

					
热门推荐

				
			

			

				

					
				

				

					08-18
					
					2万+
					
				

			

		

		

			
				
var time = 0;//初始化起始时间


	$("#imgDiv").on('touchstart', '.previewImg', function(e){
	    e.stopPropagation();
	    var index=$("#imgDiv").find(".image").index($(this));
	    time = setTimeout(function

			
		

	





	

		

			

				
					
移动端阻止长按文字出现选中效果

				
			

			

				

					linxner的博客
				

				

					10-09
					
					5636
					
				

			

		

		

			
				
移动端有时候会需要长按保存图片，但当页面中有文字时，长按会出现选中文字时的框，用户会感觉很奇怪。

禁止目标文字被选中


//在需要禁止选中的文字所在位置加上以下css样式
.txt {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-...

			
		

	





	

		

			

				
					
jQuery手机长按触发事件

				
			

			

				

					第7维度 - 日常笔记
				

				

					10-10
					
					1663
					
				

			

		

		

			
				
代码编写：
$.fn.longPress = function(fn) {
    var timeout = undefined;
    var $this = this;
    for(var i = 0;i<$this.length;i++){
        $this[i].addEventListener('touchstart', function(event) {
     

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值