页面相关事件

页面相关事件
事件 描述
onAbort 图片在下载时被用户中断
onBeforeUnload 当前页面的内容将要被改变时触发的事件
onError 捕抓当前页面因为某种原因而出现的错误,
如脚本错误与外部数据引用的错误
onLoad 页面内空完成传送到浏览器时触发的事件,包括外部文件引入完成
onMove 浏览器的窗口被移动时触发的事件
onResize 当浏览器的窗口大小被改变时触发的事件
onScroll 浏览器的滚动条位置发生变化时触发的事件
onStop 浏览器的停止按钮被按下时触发的事件或者正在下载的文件被中断
onUnload 当前页面将被改变时触发的事件
表单相关事件
事件 描述
onBlur 当前元素失去焦点时触发的事件 [鼠标与键盘的触发均可]
onChange 当前元素失去焦点并且元素的内容发生改变而触发的事件
[鼠标与键盘的触发均可]
onFocus 当某个元素获得焦点时触发的事件
onReset 当表单中RESET的属性被激发时触发的事件
onSubmit 一个表单被递交时触发的事件

滚动字幕事件
事件 描述
onBounce 在Marquee内的内容移动至Marquee显示范围之外时触发的事件
onFinish 当Marquee元素完成需要显示的内容后触发的事件
onStart 当Marquee元素开始显示内容时触发的事件

编辑事件
onBeforeCopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件 onBeforeCut 当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者
的系统剪贴板时触发的事件
onBeforeEditFocus 当前元素将要进入编辑状态
onBeforePaste 内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发的事件 onBeforeUpdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象
onContextMenu 当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时
触 发的事件 [试试在页面中的中加入就可禁止使用鼠标右键了]
onCopy 当页面当前的被选择内容被复制后触发的事件
onCut 当页面当前的被选择内容被剪切时触发的事件
onDrag 当某个对象被拖动时触发的事件 [活动事件]
onDragDrop 一个外部对象被鼠标拖进当前窗口或者帧
onDragEnd 当鼠标拖动结束时触发的事件,即鼠标的按钮被释放了
onDragEnter 当对象被鼠标拖动的对象进入其容器范围内时触发的事件
onDragLeave 当对象被鼠标拖动的对象离开其容器范围内时触发的事件
onDragOver 当某被拖动的对象在另一对象容器范围内拖动时触发的事件
onDragStart 当某对象将被拖动时触发的事件
onDrop 在一个拖动过程中,释放鼠标键时触发的事件
onLoseCapture 当元素失去鼠标移动所形成的选择焦点时触发的事件
onPaste 当内容被粘贴时触发的事件
onSelect 当文本内容被选择时的事件
onSelectStart 当文本内容选择将开始发生时触发的事件 数据绑定 事件 浏览器支持 描述
onAfterUpdate 当数据完成由数据源到对象的传送时触发的事件
onCellChange 当数据来源发生变化时
onDataAvailable 当数据接收完成时触发事件
onDatasetChanged 数据在数据源发生变化时触发的事件
onDatasetComplete 当来子数据源的全部有效数据读取完毕时触发的事件
onErrorUpdate 当使用onBeforeUpdate事件触发取消了数据传送时,
代替onAfterUpdate事件
onRowEnter 当前数据源的数据发生变化并且有新的有效数据时触发的事件
onRowExit 当前数据源的数据将要发生变化时触发的事件
onRowsDelete 当前数据记录将被删除时触发的事件
onRowsInserted 当前数据源将要插入新数据记录时触发的事件

数据绑定 事件
onAfterPrint 当文档被打印后触发的事件
onBeforePrint 当文档即将打印时触发的事件
onFilterChange 当某个对象的滤镜效果发生变化时触发的事件
onHelp 当浏览者按下F1或者浏览器的帮助选择时触发的事件
onPropertyChange 当对象的属性之一发生变化时触发的事件
onReadyStateChange 当对象的初始化属性值发生变化时触发的事件
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
const { DBPost } = require("../../db/DBPost"); // pages/post-detail/post-detail.js Page({ /** * 页面的初 zx始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad:function(options) { var postId=options.id; this.dbPost=new DBPost(postId); this.postData=this.dbPost.getPostItemById().data; this.setData({ post:this.postData }) }, onReady:function(){ wx.setNavigationBarTitle({ title: this.postData.title }) }, onCollectionTap:function(event){ var newData = this.dbPost.collect(); this.setData({ 'post.collectionStatus':newData.collectionStatus, 'post.collectionNum':newData.collectionNum }) wx.showToast({ title:newData.collectionStatus?"收藏成功":"取消成功", duration:1000, icon:"success", mask:true }) }, onUpTap:function(evenet){ var newData=this.dbPost.up(); this.setData({ 'post.upStatus':newData.upStatus, 'post.upNum':newData.upNum }) }, onCommentTap:function(event){ var id = event.currentTarget.dataset.postId; wx.navigateTo({ url: '../post/post-comment/post-comment?id=' +id }) }, /** * 生命周期函数--监听页面初次渲染完成 */ /** * 生命周期函数--监听页面显示 */ onShow() { }, /** * 生命周期函数--监听页面隐藏 */ onHide() { }, /** * 生命周期函数--监听页面卸载 */ onUnload() { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom() { }, /** * 用户点击右上角分享 */ onShareAppMessage() { } })分析代码
06-02

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值