cordova电池插件

最新推荐文章于 2023-03-26 15:38:09 发布

otatoz

最新推荐文章于 2023-03-26 15:38:09 发布

阅读量295

点赞数

分类专栏： cordova 文章标签：电池插件 cordova插件事件监听函数

本文链接：https://blog.csdn.net/qq_42720683/article/details/88719800

版权

cordova 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

plugman安装

一个命令行工具，用于安装和卸载用于Apache Cordova项目的插件。

C:\Users\xpf\Desktop\CordovaProject>npm install -g plugman

现在就可以安装我们所需要的插件了。

插件安装

方法一： plugman （不推荐）

C:\Users\xpf\Desktop\CordovaProject>plugman install --platform android --project platforms\android --plugin cordova-plugin-battery-status

参数

--platform − 使用的平台 (android, ios)
--project − 项目建成所在的路径。
--plugin − 要安装的插件。

方法二： cordova plugin add
由于Cordova通常用于跨平台开发，我们可以使用 Cordova cli 来安装插件，而不是Plugman。

C:\Users\xpf\Desktop\CordovaProject>cordova plugin add cordova-plugin-battery-status

插件使用

上面安装了一个电池插件，下面通过代码实现功能：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>电池插件</title>
</head>
<body>
	<!-- 只有第一次点击才能显示电量，但是电量的改变与数据线的断连都会触发该事件 -->
	<div>显示电池电量</div>
</body>
</html>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript">
	// window.onload 在所有页面加载完毕后才执行js代码
	window.onload = function(){
		var Btn = document.getElementsByTagName('div')[0];
		document.addEventListener('deviceready',onDeviceready,false);
		function onDeviceready(){
			Btn.onclick = function(){
				//添加事件侦听器
				window.addEventListener('batterystatus',function(event){
					alert('剩余电量：'+ event.level + ' 是否连接电源：' + event.isPlugged);
				},false);
			}
		}
	}
</script>

效果图：

写再最后：

各种插件的事件监听函数要写在onDeviceReady之后，即

必须要在onDeviceReady函数执行之后才能执行事件监听函数

事件监听函数的格式为 监听对象.addEventListener('事件名称',function(){},false);

否则会报错。

-------------本文完-------------

otatoz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
cordova电池插件

plugman安装一个命令行工具，用于安装和卸载用于Apache Cordova项目的插件。C:\Users\xpf\Desktop\CordovaProject>npm install -g plugman现在就可以安装我们所需要的插件了。插件安装方法一： plugman （不推荐）C:\Users\xpf\Desktop\CordovaProject&g...
复制链接

扫一扫

专栏目录