js addlistener - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

事件响应的优先级、stopProgapation禁止下层组件响应

cocos2d-js没有完整的鼠标事件处理，这点比js/flash的要差一些，不过凑合着也可以用了。一般界面编程，可以用显示列表的Node作为监听器的优先级，在上方的会比下方的高优先级。...而cocos2d-js没有stopImmediatePropagation，只有stopProgapation，一旦某个监听器中执行了stopProgapation，后续的监听器都不会被执行。...这里并没有js/flash的冒泡概念。...trace("func1"); return true; }}, this.child1); cc.eventManager.addListener...func2，再func3 return true; }}, this.child2); cc.eventManager.addListener

9212 0

从0开始开发一个chrome插件（3）

接着讲一下各个js之间的通信； backgroud.js是中间商 backgroud.js可以和content_script.js之间相互通信 backgroud.js也可以和popup.js之间相互通信...content_script.js和popup.js之间不能直接通信； backgroud.js和content_script.js通信：通信的数据预先存储在本地存储中,方便存取在backgroud.js...中//监听来自content_script的消息，接收消息并回复 chrome.runtime.onMessage.addListener(function(senderRequest,sender,sendResponse...中 //监听background的消息 chrome.runtime.onMessage.addListener(function(senderRequest,sender, sendResponse)...监听popup.js的消息popup可以通过backgroud.js中转发消息给content_script.js //监听脚本监听来自popup的消息 chrome.runtime.onConnect.addListener

1.1K5 0

您找到你想要的搜索结果了吗？

是的

没有找到

chrome插件的通讯

~" } }); //这里主要是为了接受回传的值 port.onMessage.addListener((msg) => { if ...msg.res) { console.log(msg.res); } }); }, }, 2.然后在background.js...里面接受，并且进行api访问，拿到结果再回传给contentScript background.js chrome.extension.onConnect.addListener(function (port...) { console.log(port); if (port.name === "menu") { port.onMessage.addListener(function (msg) ... ) { console.log(response.farewell); }); }); contentScript chrome.runtime.onMessage.addListener

7672 0

javascript常见编程模式举例

近期买到手了一本《javascript框架设计》，具体介绍开发js框架所用到的知识。初读一点，乐帝脆弱的理论修养就暴露无遗了，所以专门加强理论修养，重看javascript编程模式的举例。...以下来介绍下js中，常见的编程模式。 1.命名空间同其它高级语言一样，js中的命名空间概念，也是为了降低命名冲突，但js没有命名空间keyword。...js实现命名空间的思路是定义一个全局变量，将此命名空间的变量和方法，定义为这个全局变量的属性。...并将每一个对象都添为链式的前一个对象的属性 } return current; } MYAPP.namespace('dom.style') 2.初始化分支和延迟定义模式这两个模式不同之处，能够从js...初始化模式： /初始化分支 var MYAPP={}; MYAPP.event={ addListener:null, removeListener:null }; if(typeof

5102 0

基于Node.js的Web Socket

Node.js就不介绍了(如果你写JavaScript，就应该知道它) 以前看到过很多关于node.js的文章，但一直没有尝试去搭建node.js的环境。...关于windows下安装node.js，我参考的一这篇文章：在Windows下试验Node.js，搭建环境的步骤： 1、下载、解压 2、测试node.js 我下载该文档存放于D盘的QMDownload中...至于每个目录的文件内容暂时可不用管，重点是能让node.js能正常工作。我弄了一个test.js，然后在dos下进入该目录，测试node.js是否能正常工作。.../ws"); ws.createServer(function (websocket) { websocket.addListener("connect", function (resource...; }).addListener("close", function () { // emitted when server or client closes connection

1.5K2 0

发布订阅模式

return { listeners,addListener,removeListener,trigger } })(); 当然，笔者觉得还是用Es6语法更加舒适： // Announce.js...一共分为4个模块：index为全局入口，通用类Announce.js，负责派派发和展示的业务模块Show.js，执行事件的Add.js。...// Show.js const announce = require('....('show', _show); } // 订阅 module.exports = show(); // Add.js const announce=require('....// index.js const show=require('./Show'); const add=require('.

1.6K5 3

写个自己的chrome插件

在插件页面加载，background.js调用onMessage.addListener接收content.js发送过来的数据 function callback(info, curent, sendToContent...) { } chrome.runtime.onMessage.addListener(callback) // background.js 在插件页面加载 const user = {...username: 'Maic' }; // 调用onMessage.addListenter chrome.runtime.onMessage.addListener((message, sender...回传过来的信息'); }); }); 在content.js接收信息 function callback(request, sender, sendResponse) {} chrome.runtime.onMessage.addListener...= { username: 'Web技术学苑' }; chrome.runtime.onMessage.addListener((message, sender, sendResponse)

2.3K1 0

【Node.JS】事件的绑定与触发

往期文章【Node.JS】写入文件内容【Node.JS】读取文件内容目录简介绑定事件 on（） addListener（） once（）监听事件emit（）传参删除事件 removeListener...（） removeAllListeners（） ---- 简介 node.js的事件是使用events模块，通过实例化它里面的EventEmitter类，来绑定和监听事件。...addListener（）除了使用on之外，我们还可以使用这个属性，和on并没有什么区别。...const eve = require("events"); //导入模块 var event = new eve.EventEmitter(); //进行实例化声明 event.addListener...const eve = require("events"); //导入模块 var event = new eve.EventEmitter(); //进行实例化声明 on once addListener

12.9K4 0

如何快速地开发一个chrome扩展插件

"content_scripts": [ { "matches": ["https://*/*", "https://*/*"], "js": ["content.js...js"> 在devtools.js文件里，我可以可以放入我们实际的扩展内容。...", description: "Make everything red"} ]); }); chrome.omnibox.onInputEntered.addListener(function...(text) { if(text == "color-divs") colorDivs(); }); chrome.extension.onMessage.addListener(function...chrome.extension.onMessage.addListener(function(message, sender, sendResponse) { switch(message.type

1K2 0

GoogleMaps api for javascript demo 动态按顺序加载marker

=1.0, user-scalable=no" /> js...js...new google.maps.Map(document.getElementById("map_canvas"), myOptions); google.maps.event.addListener...$('#result').append(marker.position); }); google.maps.event.addListener...marker.position); marker.setMap(null); }); google.maps.event.addListener

1.2K6 0

chrome插件实时通信的几种方式

在chrome[1]插件开发中我们知道，background.js是独立于浏览器的，在background.js中主要负责popup与content.js的交互,在某些时候，也许你需要在一个插件的设置页与...在插件通信中，我们先从background、popup、content中来一起重温那些常用的通信交互 background.js chrome.runtime.onMessage.addListener...监听content.js发送过来的消息 // background.js chrome.runtime.onMessage.addListener((request, sender, sendResponse...中接收到了来自set页面的信息 // background.js chrome.runtime.onMessage.addListener((request, sender, sendResponse..."); chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) { console.log(sender.id

2.9K1 0

selenium配置有账号密码验证的代理

一.准备文件 1.background.js var config = { mode: "fixed_servers", rules: { singleProxy: {...mimvp_username", password: "mimvp_password" } }; } chrome.webRequest.onAuthRequired.addListener...mimvp_username", password: "mimvp_password" } }; } chrome.webRequest.onAuthRequired.addListener..."${password}" } }; } chrome.webRequest.onAuthRequired.addListener...", background_js) return plugin_path 2.生成插件运行selenium from selenium.webdriver import Chrome from

2.3K1 1

Chrome插件开发之隐藏页面图片

popup.js $("input:radio[name='options']").change(function () { chrome.tabs.query({active: true...response.state); }); }); }) content script chrome.runtime.onMessage.addListener...chrome.runtime.onMessage.addListener( function (request, sender, sendResponse) {...chrome.runtime.onMessage.addListener( function (request, sender, sendResponse) {...chrome.extension.onRequest.addListener( function(requset,sender,sendResponse){

2.7K3 1

React Native与OC之间通信那些事儿

React Native用IOS自带的JavaScriptCore作为JS的解析引擎，普通的JS-OC通信就是React Native在OC定义一个模块方法，JS可以直接调用这个模块方法并还可以无缝衔接回调...，我们需要利用 NativeAppEventEmitter组件，利用其addListener进行注册监听 let ocFun = NativeAppEventEmitter.addListener(...addListener：第一个参数：事件名第二个参数：响应函数注意：利用addListener进行监听，一定要对应有取消监听！...如果要调用oc提供的接口方法，OC首先需要向JS传递它所有的模块信息。...之间的调用流程 OC端和JS端分别各有一个bridge，两个bridge都保存了同样一份模块配置表，JS调用OC模块方法时，通过bridge里的配置表把模块方法转为模块ID和方法ID传给OC，OC通过bridge

1.7K7 0

node表单提交POST提交

看一下控制提交的node代码(app.js...防止一个过大的表单阻塞了整个进程 req.addListener("data",function(chunk){ //每次传入一段chunk(数据,一次无法传输完毕...,就服务另外的请求进行调度) alldata+=chunk; }) req.addListener("end",function(){ ...判断用户的url,并且提交方式是get if(req.url=="/info" && req.method.toLowerCase()=="post") 下面是post提交的小公式 req.addListener...; }) 首先,要监听addListener(nodejs独特方法,非js的),data参数固定,一个回调函数参数传入chunk,每次post请求数据就是chunk一次,然后将新的chunk

6K4 0

全网最详细的谷歌插件开发小册📚

, "storage", "https://*.mywebsite.com/*" ], "background": { "scripts": ["background.js...": ["content.js"], "run_at": "document_end" } ], "browser_action": { "default_icon"..."Open the popup" }, "options_page": "options.html", "web_accessible_resources": [ "script.js...下面是一个基本的背景脚本： // background.js chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.executeScript...也就是说，你不能直接在你的HTML文件中引用一个外部的JS或CSS文件，所有的JS和CSS都应该以文件的形式包含在扩展包中。

2.4K2 0

cocos2d-js 自定义事件监听派发

熟悉js的dom事件或者flash事件的，基本都能立马明白cc.eventManager的用法。...cc.eventManager有两种注册监听器的方式，一种是原生事件，例如 cc.eventManager.addListener({ event: cc.EventListener.KEYBOARD...cc.KEY.back) { cc.director.end(); } }}, this); addListener...看官方的例子，貌似基本都不移除listener，可能js几个object内存并不显著吧。如果内存管理非常敏感的话，可能就需要自己写一个了。..._listenerMap = new Object(); }; /** * * @param event String * @param callback function */ p.addListener

3.1K3 0

React Native 与 OC 之间通信那些事儿

作者：朱灵子 React Native用IOS自带的JavaScriptCore作为JS的解析引擎，普通的JS-OC通信就是React Native在OC定义一个模块方法，JS可以直接调用这个模块方法并还可以无缝衔接回调...，我们需要利用 NativeAppEventEmitter组件，利用其addListener进行注册监听 let ocFun = NativeAppEventEmitter.addListener(...addListener：第一个参数：事件名第二个参数：响应函数注意：利用addListener进行监听，一定要对应有取消监听！...如果要调用oc提供的接口方法，OC首先需要向JS传递它所有的模块信息。...之间的调用流程OC端和JS端分别各有一个bridge，两个bridge都保存了同样一份模块配置表，JS调用OC模块方法时，通过bridge里的配置表把模块方法转为模块ID和方法ID传给OC，OC通过bridge

2.2K0 0

React Native与OC之间通信那些事儿

本文作者：IMWeb 朱灵子原文出处：IMWeb社区未经同意，禁止转载 React Native用IOS自带的JavaScriptCore作为JS的解析引擎，普通的JS-OC通信就是React...Native在OC定义一个模块方法，JS可以直接调用这个模块方法并还可以无缝衔接回调。...，我们需要利用 NativeAppEventEmitter组件，利用其addListener进行注册监听 let ocFun = NativeAppEventEmitter.addListener(...addListener：第一个参数：事件名第二个参数：响应函数注意：利用addListener进行监听，一定要对应有取消监听！...如果要调用oc提供的接口方法，OC首先需要向JS传递它所有的模块信息。

1.4K3 0

30分钟开发一款抓取网站图片资源的浏览器插件

和content_script或者popup页面进行消息通信 chrome.runtime.onMessage.addListener( function(request, sender, sendResponse...": [ "lib/jquery3.4.min.js", "content_script.js" ], "css": ["base.css"] }],...({Ling: "你好"}); port.onMessage.addListener(function(msg) { if (msg.question == "你是做什么滴?")...port.postMessage({answer: "木有"}); }); // popup.js chrome.runtime.onConnect.addListener(function(port...这里我们主要关注popup.js和content_script.js, popup.js中主要用来获取从content_script页传过来的图片数据，并展示在popup.html中，另外又一个需要注意的是当页面没有注入生成按钮时

1.5K1 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭