uni-app 未定义 ondragleave、ondrop、ondragover 和 ondragenter 事件

uni-app 未定义 ondragleave、ondrop、ondragover 和 ondragenter 事件 产品分类： uniapp/H5

bug描述：

如图，原本是为了实现h5端在Windows的拖拽上传文件，结果发现这个问题，ondragleave、ondrop、ondragover和ondragenter事件未定义。这几个事件无效啊。

示例代码：

<myContext ref="myContext" style="background-color: #000000;">
<textarea [@click](/user/click)="xiaochu" maxlength="1000" id="sendmsgtextarea" [@focus](/user/focus)="focusClick"
[@input](/user/input)="cecece" [@keyup](/user/keyup).enter.native="keypress(1)" [@keydown](/user/keydown).ctrl.enter.native="keypress(2)"
[@keydown](/user/keydown).ctrl.native="keypress(3)" spellcheck="false" :focus="focus" [@confirm](/user/confirm)="sendmsg"
v-model="sendcontent"
style="font-family: 'emoji';padding: 5px;width: 520px;height:50px;font-size: 14px;"
placeholder="" />
</myContext>
getTextarea() {
console.log("myContext::::::::",this.$refs.myContext)
console.log('这个是未定义：',this.$refs.myContext.ondragleave)
this.$refs.myContext.ondragleave = (e) => {
e.preventDefault()  // 阻止离开时的浏览器默认行为
console.log('阻止离开时的浏览器默认行为:',e)
}
this.$refs.myContext.ondrop = (e) => {
e.preventDefault()    // 阻止拖放后的浏览器默认行为
console.log('阻止拖放后的浏览器默认行为:',e)
const data = e.dataTransfer.files[0]  // 获取文件对象
if (data.length < 1) {
return  // 检测是否有文件拖拽到页面
}
console.log(data)
// this.upload(data)//上传文件的方法
}
this.$refs.myContext.ondragenter = (e) => {
e.preventDefault()  // 阻止拖入时的浏览器默认行为
console.log('阻止拖入时的浏览器默认行为:',e)
this.$refs.myContext.border = '2px dashed red'
}
this.$refs.myContext.ondragover = (e) => {
e.preventDefault()    // 阻止拖来拖去的浏览器默认行为
console.log('阻止拖来拖去的浏览器默认行为:',e)
}
},

操作步骤：

<myContext ref="myContext" style="background-color: #000000;">
<textarea [@click](/user/click)="xiaochu" maxlength="1000" id="sendmsgtextarea" [@focus](/user/focus)="focusClick"
[@input](/user/input)="cecece" [@keyup](/user/keyup).enter.native="keypress(1)" [@keydown](/user/keydown).ctrl.enter.native="keypress(2)"
[@keydown](/user/keydown).ctrl.native="keypress(3)" spellcheck="false" :focus="focus" [@confirm](/user/confirm)="sendmsg"
v-model="sendcontent"
style="font-family: 'emoji';padding: 5px;width: 520px;height:50px;font-size: 14px;"
placeholder="" />
</myContext>  

getTextarea() {
console.log("myContext::::::::",this.$refs.myContext)
console.log('这个是未定义：',this.$refs.myContext.ondragleave)
this.$refs.myContext.ondragleave = (e) => {
e.preventDefault()  // 阻止离开时的浏览器默认行为
console.log('阻止离开时的浏览器默认行为:',e)
}
this.$refs.myContext.ondrop = (e) => {
e.preventDefault()    // 阻止拖放后的浏览器默认行为
console.log('阻止拖放后的浏览器默认行为:',e)
const data = e.dataTransfer.files[0]  // 获取文件对象
if (data.length < 1) {
return  // 检测是否有文件拖拽到页面
}
console.log(data)
// this.upload(data)//上传文件的方法
}
this.$refs.myContext.ondragenter = (e) => {
e.preventDefault()  // 阻止拖入时的浏览器默认行为
console.log('阻止拖入时的浏览器默认行为:',e)
this.$refs.myContext.border = '2px dashed red'
}
this.$refs.myContext.ondragover = (e) => {
e.preventDefault()    // 阻止拖来拖去的浏览器默认行为
console.log('阻止拖来拖去的浏览器默认行为:',e)
}
// let sendmsgtextarea= uni.createSelectorQuery().select('#sendmsgtextarea')
// console.log('sendmsgtextarea 信息:',sendmsgtextarea)
// sendmsgtextarea.fields({context:true},res=>{
//  console.log('sendmsgtextarea context 对象:',res)
//  //监听文件拖拽移入(必须)
//      res.addEventListener('dragover', res1=>{
//          console.log('sendmsgtextarea context 对象:res1',res1)
//      }, false)
//      //监听文件拖拽移出
//      res.addEventListener('dragleave', res2=>{
//          console.log('sendmsgtextarea context 对象res2:',res2)
//      }, false)
//      //监听文件拖拽放下(必须)
//      res.addEventListener('drop', res3=>{
//          console.log('sendmsgtextarea context 对象res3:',res3)
//      }, false)
// }).exec();
// sendmsgtextarea.context(res=>{
//  console.log('sendmsgtextarea context 对象2:',res)}).exec();
},