mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-08-20 12:51:43 +02:00
Code Issues Releases Wiki Activity

refactor save on blur

Browse Source
This commit is contained in:
Morris Brodersen
2020-10-22 12:55:25 +02:00
parent 7f1038bef3
commit d16e8d70b0
7 changed files with 106 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
public/scripts/TodoItemInput.js
View File

@@ -2,6 +2,8 @@
window.VT = window.VT || {};
VT.TodoItemInput = function (el) {
var saveOnBlur = true;
el.innerHTML = [
'<input class="input" type="text">',
'<button class="app-button save"><i class="app-icon" data-id="plus-24"></i></button>',
@@ -10,10 +12,9 @@ VT.TodoItemInput = function (el) {
var inputEl = el.querySelector('.input');
var saveEl = el.querySelector('.save');
VT.AppLateBlur(inputEl);
el.querySelectorAll('.app-icon').forEach(VT.AppIcon);
inputEl.addEventListener('keypress', function (e) {
inputEl.addEventListener('keyup', function (e) {
switch (e.keyCode) {
case 13: // enter
save();
@@ -24,7 +25,14 @@ VT.TodoItemInput = function (el) {
}
});
inputEl.addEventListener('lateBlur', save);
inputEl.addEventListener('blur', function () {
if (saveOnBlur) save();
saveOnBlur = true;
});
saveEl.addEventListener('mousedown', function () {
saveOnBlur = false;
});
saveEl.addEventListener('click', function () {
save();