LaniakeaSupercluster
/
webrtc
2
2
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

补全 innerHTML

This commit is contained in:
觉 2023-10-13 03:16:57 +08:00
parent 5a39a2eb3d
commit 0865ef39f6
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/weigets.js
View File

@ -1,15 +1,16 @@
export function createElement({ innerText, textContent, readOnly, children = [], dataset, style, classList = [], ...attributes }, tagName = 'div') { export function createElement({ innerText, innerHTML, textContent, readOnly, children = [], dataset, style, classList = [], ...attributes }, tagName = 'div') {
const element = document.createElement(tagName) const element = document.createElement(tagName)
for (const key in attributes) { for (const key in attributes) {
if (key.startsWith('on')) element[key] = attributes[key] // 如果是事件则直接赋值 if (key.startsWith('on')) element[key] = attributes[key] // 如果是事件则直接赋值
else element.setAttribute(key, attributes[key]) // 否则是属性则使用setAttribute else element.setAttribute(key, attributes[key]) // 否则是属性则使用setAttribute
} }
if (dataset) Object.assign(element.dataset, dataset)
if (style) Object.assign(element.style, style) if (style) Object.assign(element.style, style)
if (classList.length) element.classList.add(...classList) if (classList.length) element.classList.add(...classList)
if (textContent) element.textContent = textContent if (textContent) element.textContent = textContent
if (innerText) element.innerText = innerText if (innerText) element.innerText = innerText
if (innerHTML) element.innerHTML = innerHTML
if (readOnly) element.readOnly = readOnly if (readOnly) element.readOnly = readOnly
if (dataset) Object.assign(element.dataset, dataset)
if (children) children.forEach(child => element.appendChild(child)) if (children) children.forEach(child => element.appendChild(child))
return element return element
} }
@ -95,14 +96,14 @@ export function UploadMusic(options) {
console.log('dragover') console.log('dragover')
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
if(dragStats) return if (dragStats) return
event.dataTransfer.dropEffect = 'copy' event.dataTransfer.dropEffect = 'copy'
drop.style.display = 'block' drop.style.display = 'block'
}, },
ondragleave: event => { ondragleave: event => {
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
if(dragStats) return if (dragStats) return
clearTimeout(dragStats) clearTimeout(dragStats)
dragStats = setTimeout(() => { dragStats = setTimeout(() => {
drop.style.display = 'none' drop.style.display = 'none'