angularJS-实现文本框的复制功能

来源：互联网发布：php超链接传递参数编辑：程序博客网时间：2024/05/22 23:44

<!DOCTYPE html><html ng-app="myPro"><head><meta charset="UTF-8"><title>angularJS-实现文本框的复制功能</title><script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script><script type="text/javascript" src="js/angular.min.js" ></script><style>*{margin: 0;padding: 0;}ol,ul{list-style: none;}.box{width: 500px;height:150px;border: 1px solid gray;margin: 100px auto;padding-top: 20px;}.box input{width: 200px;height: 30px;height: 30px;}.box textarea{margin: 20px 0 0 20px;}</style></head><body ng-controller = "myProController"><div class="box">文本框：<input type="text" id="text"/><button ng-click="copyText()">复制</button><textarea  rows="4" cols="50"></textarea></div></body><script>var pro  = angular.module("myPro",[]);pro.controller("myProController",["$scope",function($scope){//点击复制文本框内容$scope.copyText = function(evt) {  var Url1=document.getElementById("text");   console.log(Url1.value);  Url1.select(); //选择对象    var tag = document.execCommand("Copy"); //执行浏览器复制命令    if(tag){  alert("复制成功。")  };};}]);</script></html>

阅读全文

0 0