版权声明:独学而无友,则孤陋寡闻。q群582951247 https://blog.csdn.net/mp624183768/article/details/82312540
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<!--以下三个是备用 浏览器打不开第一个 换下面的-->
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>-->
<!--<script src="https://cdn.rawgit.com/zenorocha/clipboard.js/v2.0.0/dist/clipboard.min.js"></script>-->
<!--<script src="https://unpkg.com/[email protected]/dist/clipboard.min.js"></script>-->
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<div ng-app="" class="container">
汇率: <input type="number" class="rate" value="1.1"> <br>
实际价格: <input type="number" class="price" value=""><br>
<br>
建议出售价格: <span id="foo" class="zzz">onChangeInput()</span>
<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
Copy to clipboard
</button>
</div>
<script>
//必须要初始化 第一种初始化
var clipboard = new ClipboardJS('.btn',);
clipboard.on('success', function (e) {
console.log(e);
});
clipboard.on('tigger', function (e) {
e.text = e.text.replace("$", "")
console.log(e);
});
clipboard.on('error', function (e) {
console.log(e);
});
$(function () {
$('.price').bind('input change',function () {
var res=$('.price').val()*$('.rate').val();
res=res.toFixed(2);
$('.zzz').html(res);
});
})
</script>
</body>
</html>