html如何实现在手机网页上点击a标签实现复制功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html如何实现在手机网页上点击a标签实现复制功能相关的知识,希望对你有一定的参考价值。

用js给a标签写一个点击事件,点击事件里面写复制功能追问

这个我知道 复制功能怎么写呢 我之前有听人说复制功能不稳定 有兼容的问题

参考技术A js兼容性不太好,用jquery写好些,简单、兼容性好本回答被提问者采纳

WebView 实现JS效果和a标签的点击事件

目前很多android app都可以显示web页面的界面,嵌入式开发,这个界面一般都是WebView这个控件加载出来的,学习该控件可以为你的app开发提升扩展性。

先说下WebView的一些优点:

  1. 可以直接显示和渲染web页面,直接显示网页
  2. webview可以直接用html文件(网络上或本地assets中)作布局
  3. 和JavaScript交互调用
  4. 网页标签的点击事件

 

效果:(网页顶部是JS效果滚动,4个模块可以实现点击事件,可看到信息提示)

       

 

public class MainActivity extends Activity {

    public String URL = "http://bajie.zhangwoo.cn/app.php?platform=android&appkey=5a379b5eed8aaae531df5f60b12100cfb6dff2c1&c=travel&a=home";
    WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webview);
        webView.loadUrl(URL);
        initView();

    }
    @SuppressLint("SetJavaScriptEnabled") private void initView() {
        // TODO Auto-generated method stub
        webView.requestFocus();
        webView.setHorizontalScrollBarEnabled(true);
        webView.setVerticalScrollBarEnabled(true);
        WebSettings web = webView.getSettings();
        web.setJavaScriptEnabled(true);// 启用支持javascript
        web.setBuiltInZoomControls(true);
        web.setSupportZoom(true); // 是否支持屏幕双击缩放,但是下边的是前提
        web.setDefaultTextEncodingName("utf-8");// 设置编码格式
        // 覆盖WebView默认使用第三方或系统默认浏览器打开网页的行为,使网页用WebView打开
        webView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制去WebView打开,为false调用系统浏览器或第三方浏览器

                if (url.indexOf("zwapp://showlist/?tab=zhoubian") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "周边游", 1).show();
                    
                } else if (url.indexOf("zwapp://showlist/?tab=gonglue") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "旅游攻略", 1).show();
                } else if (url.indexOf("zwapp://showlist/?tab=zhaiguo") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "摘果", 1).show();
                } else if (url.indexOf("zwapp://showlist/?tab=gongyuan") != -1) {
                    
                    Toast.makeText(getApplicationContext(), "主题公园", 1).show();
                    
                } else {

                }
                return true;

            }
        });

    }

}

 

记得加网络权限

<uses-permission android:name="android.permission.INTERNET"/>

 

源码点击下载:https://github.com/DickyQie/android-webview

 

以上是关于html如何实现在手机网页上点击a标签实现复制功能的主要内容,如果未能解决你的问题,请参考以下文章

在安卓手机上看网页的时候如何实现视频嵌入页面中播放?不用flash的话

求助在移动端如何实现点击复制粘贴功能

如何在网页中用html+js实现手机里下拉刷新的功能?请教高手

JS 实现一键复制功能

如何实现手机自动适应网页

网页中点击下载按钮实现图片下载功能