尝试使用Chrome扩展程序让我的脚湿透.我创建了一个标签限制器,但它的错误.
我希望点击browser action图标的事件可以打开和关闭扩展程序.我相信我有正确的设置.当切换时,它会从chrome.tabsapi 创建一个监听器,但是当切换掉时,我很难移除这个监听器.
我已经尝试了StackOverflow上的一些常见答案(如下所示),用于删除侦听器,但没有一个能够正常运行.
这里是 background.js
var tabUrls, bookmarkFolder, currentWindow;
var toggle = false;
chrome.browserAction.onClicked.addListener(function(tab){
toggle = !toggle;
if(toggle) {
chrome.browserAction.setBadgeText({"text": "ON"});
console.log("I'm listening to the browser action");
runExtension();
} else {
console.log("i shouldn't be working now.");
chrome.browserAction.setBadgeText({"text": ""});
// Need to remove the listener somehow. This isn't working.
chrome.tabs.onCreated.addListener(doStuff);
}
});
// Functions
// Potential function to removeListener. Not working.
function doStuff(tab){
chrome.tabs.onCreated.removeListener(doStuff);
}
var runExtension = function(){
chrome.tabs.onCreated.addListener(function(tab){
// Find and set reference …Run Code Online (Sandbox Code Playgroud) javascript events listener javascript-events google-chrome-extension
简单.我想遍历DOM并找到所有具有id属性的元素.有人可以帮助我使用js和/或jquery脚本
我想在我的网站中插入一个基本表单,以便我的用户可以搜索食谱.我很难从javascript中找到表单中的输入值.任何帮助,将不胜感激.
<!DOCTYPE html>
<html>
<head>
<script>
function searchURL()
{
var foodSearch = window.open("http://search.myrecipes.com/search.html?N=17&mFil=false&Ntt=" + "document.getElementById("searchFood").value");
};
</script>
</head>
<body>
<form>
<fieldset>
<legend>Search for Healthy Diet Recipes</legend>
<p>
Type in the name of the Recipe or Healthy Diet Food you would like to cook below:<br>
</p>
<br>
<input type="text" id='searchFood' >
<input type="button" value="Find Delicious Food" onClick="searchURL()">
</fieldset>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)