April 22, 2020
可编辑元素 # 1 2 3 4 <!-- vue --> <p class="content" v-text="item.title" @keydown="onEnter" @dblclick="turnOnEditable" @blur="(e)=>{titleBlur(e, index)}"> {{item.title}} </p> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 // js methods: { // 修改标题，回车时失去焦点 onEnter(e) { if(e.keyCode===13){ e.target.blur(); } }, // 失去焦点时，保存内容，并将元素修改为不可编辑 titleBlur(e, index){ const title = e.target.innerText; this.onTitleChange({title:title,index:index}); e.target.setAttribute('contenteditable', false); }, // 双击元素时，将其变为可编辑状态，并获取焦点。 turnOnEditable(e){ e.target.setAttribute('contenteditable', true) e.
...
April 22, 2020
上传图片时，怎么拿到图片的src地址？ # input选中图片以后，只是得到了file对象，如果想在img中显示该图片的话，并不知道src，所以想得到src还需要额外的操作。
1 2 3 4 5 6 7 8 9 10 11 function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { // basic url = window.createObjectURL(file); } else if (window.URL != undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file); } else if (window.webkitURL != undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file); } return url; } JS操作样式class # 1 2 3 4 5 document.body.classList.add("c"); document.
...
March 27, 2019
两种的自定义事件的用法的介绍，addEventListener监听事件，event和customevent创建事件，dispatchEvent发送事件。