console 命令行工具 X clear

console

function alert(msg){
  var c = document.getElementById('alert');
  function handleClick(e) {
    e.preventDefault();
    $('[role="alert"]').hide();
  }
  ReactDOM.unmountComponentAtNode(c);//清掉
  ReactDOM.render(
    <div className="alert alert-warning alert-dismissible" role="alert">
    <button type="button" className="close" onClick={handleClick} aria-label="Close"><span aria-hidden="true">&times;</span></button>
    <strong>提示</strong> {msg}
  </div>	,c
  );
  //
} 

function ret(r){
  $("#copy_btn").attr("data-clipboard-text",r);
}

ReactDOM.render(<div>
    <span id="target">点击复制按钮后脚本执行结果将保存到剪切板中！</span>
		<a className="btn" data-clipboard-action="copy" data-clipboard-target="#target" id="copy_btn" href="shortcuts://" >复制按钮</a></div>,
	document.getElementById('example')
); 

var clipboard = new Clipboard('#copy_btn');    
clipboard.on('success', function(e) {      
    e.clearSelection();    
    alert("复制成功！"+e.text);
  	//$("a").trigger("click")
    //window.location.href="shortcuts://"
  	//$("#copy_btn").popover("hide")
}); 

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
  //$('[data-toggle="popover"]').popover()
  //var range = document.createRange();
  // $("#input").focus()
  //$("#input").select()
  //$("#copy_btn").trigger("click")
  //$("#copy_btn").click()
  //range.selectNodeContents($("#target")[0]);
  //window.getSelection().addRange(range);
  //window.location.href="javascript:document.execCommand('copy')";
   //$("#target").text("down");
  
})

<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8" />
    <!-- set `maximum-scale` for some compatibility issues -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js">
    </script>
    <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js">
    </script>
    <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js">
    </script>
    <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js">
    </script>
    <script>
      if ('addEventListener' in document) {
        document.addEventListener('DOMContentLoaded', function() {
          FastClick.attach(document.body);
        },
        false);
      }
      if (!window.Promise) {
        document.writeln('<script src="https://as.alipayobjects.com/g/component/es6-promise/3.2.2/es6-promise.min.js"' + '>' + '<' + '/' + 'script>');
      }
    </script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  </head>
  
  <body>
    <div id="alert">
    </div>
     <input type="text" id="input" value="hello2222"  />
    <div id="example">
    </div> 
    <a href="#" class="thumbnail">
      <img src="https://ivnufs.coding.io/zs.jpg" />
    </a>
    <script type="text/babel">
    </script>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js">
    </script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js">
    </script>
    <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js">
    </script>
  </body>

</html>