<script src="clipboard.min.js"></script>

 <textarea id="bar" cols="" rows="" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">脚本之家是国内专业的网站建设资源、脚本编程学习类网站，提供asp、php、asp.net、javascript、jquery、vbscript、dos批处理、网页制作、网络编程、网站建设等编程资料。</textarea>

<!-- Trigger -->

<button class="btn" data-clipboard-action="copy" data-clipboard-target="#bar">

  Cut to clipboard

</button>

<script>

var clipboard = new Clipboard('.btn');

clipboard.on('success', function(e) {

  console.info('Action:', e.action);

  console.info('Text:', e.text);

  console.info('Trigger:', e.trigger);

alert("复制成功");

  e.clearSelection();

});

clipboard.on('error', function(e) {

  console.error('Action:', e.action);

  console.error('Trigger:', e.trigger);

});

</script>

import React from 'react';

import CopyToClipboard from 'react-copy-to-clipboard';

const App = React.createClass({

  getInitialState() {

    return {value: '', copied: false};

  },

  render() {

    return (

      <div>

        <input value={this.state.value}

          onChange={({target: {value}}) => this.setState({value, copied: false})} />&nbsp;

        <CopyToClipboard text={this.state.value}

          onCopy={() => this.setState({copied: true})}>

          <span>Copy to clipboard with span</span>

        </CopyToClipboard>&nbsp;

        <CopyToClipboard text={this.state.value}

          onCopy={() => this.setState({copied: true})}>

          <button>Copy to clipboard with button</button>

        </CopyToClipboard>&nbsp;

        {this.state.copied ? <span style={{color: 'red'}}>Copied.</span> : null}

      </div>

    );

  }

});

React.render(<App />, document.body);