如何创建点击粘贴按钮?

时间:2016-07-04 22:49:16

标签: jquery google-chrome-extension

我尝试使用将特定文本粘贴到输入框中的按钮来制作Chrome扩展程序。没有HTML文件可以吗?

清单文件

   {
  "name": "Context Menus Sample",
  "description": "Click & Paste",
  "version": "1.0",
  "permissions": ["contextMenus", "tabs"],
  "background": {
    "scripts": ["sample.js"]
  },
  "manifest_version": 2
}

Sample.js

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('fkbx');

    link.addEventListener('click', function() {
        $("#fkbox").text("hell world");
    });
});

I'm trying to make an extension with menu's like this

2 个答案:

答案 0 :(得分:0)

根据您的说明和您提供的link,您想要为浏览器操作添加contextMenus,请查看chrome.contextMenus.create,然后您可以使用以下示例:

chrome.contextMenus.create({
    title: 'Your context menu title',
    contexts: ['browser_action'],
    onclick: YOUR_CLICK_EVENT_HANDLER,
});

答案 1 :(得分:-2)

这应该这样做。



var mytext  = "text to paste";
$(document).ready(function(){
  $('#button').click(function(e){
    e.preventDefault()l
    $('#inputbox').val(mytext);
  });
});

<html>
  <head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
</head>
  <body>
    <input id='inputbox'>
    <a href="#" id='button' class='button'>click here</a>
    </body>
</html>
&#13;
&#13;
&#13;