如何通过js实现添加事件监听和移除事件监听

JavaScript019

如何通过js实现添加事件监听和移除事件监听,第1张

直接用js实现比较麻烦,不同版本的浏览器(主要是低版本的)支持的方法会不一样。

建议使用jquery实现:

添加事件例:

$("button").on("click", function(){

    console.log("clicked")

})

移除事件例:

$("button").off("click")

文档链接:http://api.jquery.com/on/

oc 跟 js 端协议好方法名 比如 js 的方法为 Back()

1.oc 对 js 的方法进行监听

[config.userContentController addScriptMessageHandler:self name:@"Back"]

2.oc 设置代理并且导入代理 

<WKUIDelegate,WKNavigationDelegate,WKScriptMessageHandler>

self.webView.UIDelegate = self

self.webView.navigationDelegate = self

3.实现代理

- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message

4.离开页面的时候移除监听

[config.userContentController removeScriptMessageHandlerForName:@"Back"]

1.创建按钮 并且实现按钮的回调

<input type="button" value="返回按钮" onclick="backClick()" />

2.按钮的响应方法中添加发送消息到 OC (可以携带参数)

 functionbackClick() {window.webkit.messageHandlers.Back.postMessage('固定写的 js 值-->点击了返回')}

1.OC 添加对 JS 的消息监听,实现代理对监听的实现方法。

2.JS 端在合适的时机发送消息,并且可以携带参数。

js 跟 oc 端协议好方法名 比如 js 的方法为 transferPrama(str)

//oc 在合适的时机调用 js 方法(可以传参数)

NSString* paramString =@"我是 OC 调用 JS"

NSString* jsStr = [NSStringstringWithFormat:@"transferPrama('%@')",paramString]

 [self.webView evaluateJavaScript:jsStr completionHandler:^(id _Nullable result, NSError * _Nullable error) {NSLog(@"result=%@  error=%@",result, error)}]

//js需要定义一个对应的方法供 OC 调用

functiontransferPrama(str) {

document.getElementById("secondid").value = str

}

- (void)userContentController:(WKUserContentController*)userContentController didReceiveScriptMessage:(WKScriptMessage*)message

- (void)evaluateJavaScript:(NSString*)javaScriptString completionHandler:(void(^_Nullable)(_Nullableid,NSError*_Nullableerror))completionHandler

愤怒的牛牛的

愤怒的牛牛的新浪博客

愤怒的牛牛的GitHub

亲。你第一个“nihao” 用的jquery绑定的。 你删除不能用原生的javascript删除。

可以$('#myBtn').unbind("click")

如果是原生的javascript,添加事件用 addEventListener , attachEvent 和removeEventListener,detachEvent 添加和删除。