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

最新推荐文章于 2024-09-10 19:19:16 发布
原创 最新推荐文章于 2024-09-10 19:19:16 发布 · 827 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #vue.js #前端

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

addEventListener与deviceready

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

在vue在js里使用 .addEventListener(‘deviceready‘
qq_42877655的博客
03-20 3583
在js里使用 .addEventListener(‘deviceready’ 在网上查了很多办法 如： window.document.addEventListener('deviceready',function(){ alert("进入window.document.推送环节") },false); window.addEventListener('deviceready',functio...
Cordova插件开发之自定义消息事件addEventListener,fireWindowEvent
Robert Zhang
02-10 4615
关于在cordova的插件开发的做定义消息的功能没有官方的介绍文章，但是官方有一个这样的例子，就是电源状态插件。我们通过学习这个插件的编写来学习自定义消息。 这个插件的地址为：https://github.com/apache/cordova-plugin-battery-status   安装方法为：cordova plugin add cordova-plugin-battery-sta
cordova 事件
michael的博客
07-12 1687
device插件 获取设备信息，device对象用于描述设备的硬件和软件     安装 cordova plugin add cordova-plugin-device       使用： 这个插件定义了一个全局的device对象，描述了设备的硬件和软件信息。 虽然对象在全局范围内，这是在deviceready事件之后的。 document.addEventListen
Cordova 事件简介及代码演示示例
嚜溟的博客
08-20 737
Cordova 事件 Cordova 一共有 个事件 deviceready cordova 加载完成事件 pause 程序进入后台 resume 从后台进入程序 backbutton 按下返回按钮 menubutton 按下菜单按钮 searchbutton 按下搜索按钮 startcallbutton 按下通话按钮 endcallbutton 按下挂断通话按钮 volumedownbutton 按下声音下键按钮 volumeupbutton 按下声音上键按钮 deviceready 当Cordova
cordova-plugin-compat：[已弃用] Apache Cordova插件兼容性
02-04
科尔多瓦插件兼容 :pushpin: 弃用通知 该存储库已过时，Apache Cordova将不再对此进行任何工作。 您可以继续使用它，它应该可以按原样工作，但是Cordova社区不会解决任何将来的问题。 随意派生此存储库并改进您的派生。 现有的叉子在和中列出。 了解更多信息： : 此存储库用于保持与Cordova早期版本的向后兼容。 不推荐使用 该插件已不再提供支持，因为该插件提供的功能现已包含在cordova-android 6.3.0中。 您应该升级您的应用程序以使用此插件的1.2.0版本。 它将根据您的应用程序使用的cordova-android版本检测是否需要该插件。 用法 您的插件可以依
document.addEventListener
weixin_61151047的博客
12-15 1万+
document.addEventListener("事件名称", 函数, false); function 某函数(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序； document.addEventListener("事件名称", 函数, true): 如果为true时事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick 　 documen...
H5和cordova打包APP应用页面加载和Cordova启动期间的事件顺序
最新发布
weixin_41843107的博客
09-10 381
【代码】H5和cordova打包APP应用页面加载和Cordova启动期间的事件顺序。
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应用...
document.addEventListener使用介绍
09-04
主要介绍了document.addEventListener，下面有个示例，大家可以参考下
cordova 常用监听事件
Baby_加油_的博客
05-14 2380
cordova事件 Cordova框架了一组事件，开发者用来对某些运行Cordova应用的设备上的事件作出反应。事件处理的一种情况是硬件相关活动，如电池状态变化或用户按了某个物理按钮；另一种情况是应用程序状态的变化，如应用被中止或恢复。这些web应用使用的事件同Native应用使用的是一样的。 常用的事件 deviceready!!! cordova容器完成初始化时触发 document.add...
document.addEventListener的使用介绍
diaobianpan6784的博客
03-02 1376
document.addEventListener("事件名称", 函数, false); function 函数名(event){ // 方法执行 } addEventListener里最后一个参数决定该事件的响应顺序；如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- document.onclick...
如何在Chrome浏览器中启动deviceready事件（尝试调试phonegap项目）？
weixin_34248258的博客
12-19 334
2019独角兽企业重金招聘Python工程师标准>>> ...
js addEventListener绑定事件方法(详细介绍）
m0_47659279的博客
04-04 9841
事件冒泡 如果两个元素是嵌套的，那么当子元素事件触发后，父元素的对应事件会随后触发，这种事件自下而上的触发就是事件冒泡，类似水中的气泡往上冒 例如下面代码，点击son元素后先触发son的点击事件，然后触发parent的点击事件 <div id="parent" onclick="alert('parent')"> parent <div id="son" onclick="alert('son')">son</div> </div> 事
document.addEventListener理解
热门推荐
提升心智
03-06 3万+
document.addEventListener('自定事件', 处理函数, false); function 某函数(event){             //  方法执行 } addEventListener里最后一个参数决定该事件的响应顺序； 如果为true事件执行顺序为 addEventListener ---- 标签的onclick事件 ---- docume
Cordova事件整理
天马3798
02-21 2636
Cordova事件 Cordova框架了一组事件，开发者用来对某些运行Cordova应用的设备上的事件作出反应。事件处理的一种情况是硬件相关活动，如电池状态变化或用户按了某个物理按钮；另一种情况是应用程序状态的变化，如应用被中止或恢复。这些web应用使用的事件同Native应用使用的是一样的。 完整的支持的事件列表如下： Cordova 事件 描述
js中如何添加一个事件监听addEventListener
xuehyunyu的博客
06-21 1万+
通过鼠标单击可以打开一个网页或者弹出一个对话框，这些是通过鼠标事件监听来实现的。 实现事件监听的代码示例： 您的浏览器不支持js! 事件监听 var element=document.getElementById("btn")//通过id（btn）获取一个元素 element.addEventListene
Cordova插件：在Android中实现对话框通知
本文主要介绍了如何在Android项目中使用Cordova dialogs插件，这个插件允许我们在应用程序中实现各种对话框，如警告、提示和确认对话框。 首先，要在Android项目中引入Cordova dialogs插件，你需要执行以下步骤： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值