Javascript 在span标记内应用onclick事件

我试图在span标记上应用onclick事件，但出现以下错误。我想我是用正确的方式做的

VM409 twitter-message-73266664:892 Uncaught ReferenceError: clip is not 
defined
at HTMLSpanElement.onclick

跨度标签

<td><span id="bootstrap_css_link" class="badge  btn btn-success bootstrap_css_link" onclick="clip(this.id)" data-clipboard-target="#clipboardExample1">copy</span></td>

---

由于

clip

位于函数内部，因此无法从函数外部访问它。删除

文档。准备就绪

：

function clip(clip_id) {
  var clipboard = new ClipboardJS(clip_id);
  clipboard.on('success', function(e) {
    setTooltip(e.trigger, 'Copied!');
    hideTooltip(e.trigger);
  });
}

---

clip

函数在全局范围内不可用，因为它是在另一个函数中定义的。您需要找到元素并通过JavaScript附加事件处理程序

$（文档）.ready（函数（）{
$（#bootstrap_css_link”）。打开（“单击”，剪辑）；
功能片段（事件）{
console.log（event.target.id）
}
});

复制
您必须在$（document）之外定义clip函数。准备好了吗？所以您只需要像这样定义函数

function clip(clip_id){
    var clipboard = new ClipboardJS(clip_id);
    clipboard.on('success', function(e) {
      setTooltip(e.trigger, 'Copied!');
      hideTooltip(e.trigger);
      //alert("hello");
    });
 } 

您能在DocumentReady函数中发布如何/在何处加载JavaScript吗
$( document ).ready(function() {
$('#bootstrap_css_link).click(function () {
var newArray
function clip(clip_id){
var clipboard = new ClipboardJS(clip_id);
clipboard.on('success', function(e) {
  setTooltip(e.trigger, 'Copied!');
hideTooltip(e.trigger);
//alert("hello");
});

 } 
});

});


function clip(clip_id){
    var clipboard = new ClipboardJS(clip_id);
    clipboard.on('success', function(e) {
      setTooltip(e.trigger, 'Copied!');
      hideTooltip(e.trigger);
      //alert("hello");
    });
 }