clipboard.js在闪亮的应用程序中

Question

我正在尝试复制到剪贴板‘剪贴板复制!’使用clipboard.js单击按钮时。

未复制任何内容，并显示JS错误：Uncaught TypeError: Cannot read property 'addEventListener' of null。

library(shiny.semantic)

ui <- semanticPage(
    tags$head(
        tags$script(src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"),
        tags$script(HTML("new ClipboardJS('.clipboardButton');"))
    ),
    
    action_button(input_id="myButton",
                  class = "clipboardButton",
                  label = "Click Me !",
                  `data-clipboard-text` = "Clipboard copied !"
    ),
    text_input("text",
               placeholder="paste here to check"
    )
)

server <- function(input, output, session){}

shinyApp(ui, server)

Answer 1

您必须添加一个$(document).ready

  tags$head(
    tags$script(src = "https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.4/clipboard.min.js"),
    tags$script(HTML(
      "$(document).ready(function(){new ClipboardJS('.clipboardButton');});"
    ))
  ),