记录addEventListener的用法，以及页面需要调用cordova中遇到的坑

Cordova与Vue在移动端的事件监听
最新推荐文章于 2023-04-11 17:40:13 发布
原创 最新推荐文章于 2023-04-11 17:40:13 发布 · 849 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #vue.js #前端

本文探讨了在移动端使用Cordova时，通过addEventListener监听deviceready事件来延迟实例化Vue的方法，以及这一策略在不同环境下的表现差异。在开发环境下，此方法直接执行Vue实例化；而在测试环境的PC端，由于缺乏Cordova支持，会导致页面空白。文章揭示了跨平台开发中需要注意的细节。

addEventListener与deviceready

window.document.addEventListener(‘deviceready’, newVue, false);及其坑，虽然是个小问题，deviceready是cordova事件，指定事件名，newVue是当初用来实例化vue的一个函数，它会等待deviceready执行完毕之后才会去实例化，而false为默认值，事件再冒泡阶段执行，这个仅限于移动端，development是开发环境，开发环境是会直接执行newvue函数，当放到测试环境test时，如果页面为pc端，那么页面会出现一片空白也不报错，原因是因为pc端没有cordova,那么newVue就会一直等待不会执行

Cordova插件开发之自定义消息事件addEventListener,fireWindowEvent
Robert Zhang
02-10 4638
关于在cordova的插件开发的做定义消息的功能没有官方的介绍文章，但是官方有一个这样的例子，就是电源状态插件。我们通过学习这个插件的编写来学习自定义消息。 这个插件的地址为：https://github.com/apache/cordova-plugin-battery-status   安装方法为：cordova plugin add cordova-plugin-battery-sta
H5和cordova打包APP应用页面加载和Cordova启动期间的事件顺序
最新发布
weixin_41843107的博客
09-10 461
【代码】H5和cordova打包APP应用页面加载和Cordova启动期间的事件顺序。
在vue在js里使用 .addEventListener(‘deviceready‘
qq_42877655的博客
03-20 3622
在js里使用 .addEventListener(‘deviceready’ 在网上查了很多办法 如： window.document.addEventListener('deviceready',function(){ alert("进入window.document.推送环节") },false); window.addEventListener('deviceready',functio...
document.addEventListener使用介绍
09-04
主要介绍了document.addEventListener，下面有个示例，大家可以参考下
deviceready事件
09-26 5329
采用Cordova开发的应用在运行的时候，Cordova提供的通过HTML5调用Native功能并不是立即就能使用的，Cordova框架在读入HTML5代码之后，要进行HTML5和Native建立桥接，在未能完成这个桥接的初始的情况下，是不能调用Native功能的。在Cordova框架中，当这个桥接的初始化完成后，会调用他自身特有的事件，即deviceready事件。 所以首先应该在HT
cordova 事件
michael的博客
07-12 1716
device插件 获取设备信息，device对象用于描述设备的硬件和软件     安装 cordova plugin add cordova-plugin-device       使用： 这个插件定义了一个全局的device对象，描述了设备的硬件和软件信息。 虽然对象在全局范围内，这是在deviceready事件之后的。 document.addEventListen
android中使用cordova dialogs 插件例子
03-19
1. **引入Cordova JavaScript库**：在HTML文件中引入`cordova.js`，确保可以在JavaScript中调用Cordova插件的方法。 ```html <script type="text/javascript" src="cordova.js"> ``` 2. **监听设备就绪事件**：...
cordova中文api完整版本
08-21
Cordova 中文 API 完整版本 Cordova 是一个基于 HTML、CSS 和 JavaScript 的移动应用程序开发框架。它提供了一个完整的 API DOCUMENT，涵盖了移动应用程序开发中的各个方面。下面是对 Cordova 中文 API 的完整版本...
swift-调用原生摄像头扫一扫功能cordova插件
08-15
在本案例中，我们将讨论如何使用一个名为“cordova-plugin-scan”的Cordova插件来调用原生摄像头实现扫一扫功能。 首先，我们需要了解Cordova的工作原理。Cordova将Web应用程序包装在一个原生的壳中，使得Web应用...
Phonegap的deviceready事件
热门推荐
提升心智
03-23 1万+
该事件是在PhoneGap载入完成后 发生的事件 它表示cordova 加载完成并准备访问 . yourCallbackFunction 相当于程序的入口功能 如下 onDeviceReady 函数     document.addEventListener("deviceready", yourCallbackFunction, false);   简单例子: docu
cordova-plugin-compat：[已弃用] Apache Cordova插件兼容性
02-04
科尔多瓦插件兼容 :pushpin: 弃用通知 该存储库已过时，Apache Cordova将不再对此进行任何工作。 您可以继续使用它，它应该可以按原样工作，但是Cordova社区不会解决任何将来的问题。 随意派生此存储库并改进您的派生。 现有的叉子在和中列出。 了解更多信息： : 此存储库用于保持与Cordova早期版本的向后兼容。 不推荐使用 该插件已不再提供支持，因为该插件提供的功能现已包含在cordova-android 6.3.0中。 您应该升级您的应用程序以使用此插件的1.2.0版本。 它将根据您的应用程序使用的cordova-android版本检测是否需要该插件。 用法 您的插件可以依
Cordova 事件简介及代码演示示例
嚜溟的博客
08-20 791
Cordova 事件 Cordova 一共有 个事件 deviceready cordova 加载完成事件 pause 程序进入后台 resume 从后台进入程序 backbutton 按下返回按钮 menubutton 按下菜单按钮 searchbutton 按下搜索按钮 startcallbutton 按下通话按钮 endcallbutton 按下挂断通话按钮 volumedownbutton 按下声音下键按钮 volumeupbutton 按下声音上键按钮 deviceready 当Cordova
Cordova 3.x 基础（4） -- deviceready事件
Fish Where The Fish Are
02-19 919
Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候，Cordova提供的通过HTML5调用Native功能并不是立即就能使用的，Cordova框架在读入HTML5代码之后，要进行HTML5和Native建立桥接，在未能完成这个桥接的初始的情况下，是不能调用Native功能的。在Cordova框架中，当这个桥接的初始化完成后，会调用他自身...
关于window.addEventListener的小坑
码农桃子的博客
04-11 6934
子窗口向父窗口传值，比如点击按钮弹窗打开iframe ，这时候可以使用，防止跨域。我的问题比较简单，就是监听没有删除，导致多次执行。方法二：类似防抖节流的思想，每次点击将函数监听函数进行替换，只执行点击的最后一次，我觉得还是这种方式最简单。一次，多次点击，就会多次执行，如果里面也有业务逻辑的话，比如发送请求，就会执行多次，所以是BUG。方案1：在打印后，清除监听。这个时候，由于我的监听，是放在按钮事件内，所以每点一次就会。演示代码，不分父子窗口，直接写一个页面内，仅供参考。的回调函数，必须是同一个。
cordova+vue 混合开发 引用原生插件
cWatermelon的博客
03-29 1345
cordova+vue开发，引入原生android照相机、相册、地理位置插件等
cordova基本事件的监听"deviceready","pause","resume","backbutton"
qq_36205027的博客
11-19 1607
document.addEventListener("deviceready", function () { log("设备准备就绪,api可用") document.addEventListener("pause", function () { log("应用进入后台") }, fals...
document.addeventlistener方法不执行_CompletableFuture 的执行模型
weixin_32866779的博客
12-24 838
许多现代的 Java 多线程程序都广泛使用了 CompletableFuture 抽象作为描述异步任务的方法，Apache Flink 和 Pravega 等项目中都能看到这个 Java 8 才被引进的新的并发工具的身影。由于 CompletableFuture 混用了 Future/Promise 并发模型中的 Future 和 Promise，即它既是 Future 又是 Promise，并且...
cordova 二维码插件
qq_37011713的博客
09-29 1659
cordova 二维码插件 1 使用插件cordova-plugin-qrscanner 实现 该插件的样式需要自己定义默认的样式很空,支持摄像头切换, 打开/关闭闪光灯 cordova plugin add cordova-plugin-qrscanner 若在ionic或vue等spa应用中使用，有以下两种方式引入QRScanner 变量 var QRScanner = require('...
document.addEventListener
weixin_61151047的博客
12-15 1万+
document.addEventListener("事件名称", 函数, false); function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序； document.addEventListener("事件名称", 函数, true): 如果为true时事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick 　 documen...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值