直接用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 添加和删除。