hdjs
Version:
hdjs framework
55 lines (53 loc) • 1.91 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script>
window.hdjs = {};
window.hdjs.base = '/hdjs';
window.hdjs.uploader = 'php/uploader.php?';
window.hdjs.filesLists = 'php/filesLists.php?';
</script>
<script src="../dist/static/requirejs/require.js"></script>
<script src="../dist/static/requirejs/config.js"></script>
</head>
<body style="padding: 50px;">
<h1>复制</h1>
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git" class="form-control">
<button class="btn btn-default" data-clipboard-target="#foo">复制</button>
<script>
require(['hdjs', 'jquery'], function (hdjs, $) {
var clipboard = hdjs.clipboard('.btn')
clipboard.on('success', function (e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
hdjs.notify('复制成功');
e.clearSelection();
});
})
</script>
<h1>指定复制内容</h1>
<input name="content" value="后盾人 人人做后盾" class="form-control">
<button class="btn btn-default hdphp">复制内容</button>
<script>
require(['hdjs', 'jquery'], function (hdjs, $) {
var clipboard = hdjs.clipboard('.hdphp',{
text: function(trigger) {
return $("[name='content']").val();
}
})
clipboard.on('success', function (e) {
console.info('Action:', e.action);
console.info('Text:', e.text);
console.info('Trigger:', e.trigger);
hdjs.notify('复制成功');
e.clearSelection();
});
})
</script>
</body>
</html>