jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

beautify_js

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 18:48:58 +03:00
parent 0febe4f5fd
commit 5c2f32e184
208 changed files with 3891 additions and 1474 deletions
Download patch file Download diff file Expand all files Collapse all files

6
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/solution.view/hoverIntent.js
View file

@ -1,4 +1,3 @@
function HoverIntent(options) {
options = Object.create(options); // not to modify the object
@ -34,7 +33,7 @@ function HoverIntent(options) {
pX = event.pageX;
pY = event.pageY;
pTime = Date.now();
elem.addEventListener('mousemove', onMouseMove);
});
@ -73,5 +72,4 @@ function HoverIntent(options) {
}
}
}
}

4
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/2-hoverintent/source.view/hoverIntent.js
View file

@ -1,5 +1,3 @@
function HoverIntent(options) {
/* ваш код */
}
}

5
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation-2.view/script.js
View file

@ -1,4 +1,3 @@
// элемент TD, внутри которого сейчас курсор
var currentElem = null;
@ -11,7 +10,7 @@ table.onmouseover = function(event) {
}
// посмотрим, куда пришёл курсор
var target = event.target;
var target = event.target;
// уж не на TD ли?
while (target != this) {
@ -33,7 +32,7 @@ table.onmouseout = function(event) {
// произошёл уход с элемента - проверим, куда, может быть на потомка?
var relatedTarget = event.relatedTarget;
if (relatedTarget) { // может быть relatedTarget = null
while(relatedTarget) {
while (relatedTarget) {
// идём по цепочке родителей и проверяем,
// если переход внутрь currentElem - игнорируем это событие
if (relatedTarget == currentElem) return;

5
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseenter-mouseleave-delegation.view/script.js
View file

@ -1,12 +1,11 @@
table.onmouseover = function(event) {
var target = event.target;
var target = event.target;
target.style.background = 'pink';
text.value += "mouseover " + target.tagName + "\n";
};
table.onmouseout = function(event) {
var target = event.target;
var target = event.target;
target.style.background = '';
text.value += "mouseout " + target.tagName + "\n";
};

3
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave-table.view/script.js
View file

@ -1,7 +1,6 @@
table.onmouseenter = table.onmouseleave = log;
function log(event) {
text.value += event.type+' [target: '+event.target.tagName+']\n';
text.value += event.type + ' [target: ' + event.target.tagName + ']\n';
text.scrollTop = text.scrollHeight;
}

3
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseleave.view/script.js
View file

@ -1,5 +1,4 @@
function log(event) {
text.value += event.type+' [target: '+event.target.className+']\n';
text.value += event.type + ' [target: ' + event.target.className + ']\n';
text.scrollTop = text.scrollHeight;
}

3
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-child.view/script.js
View file

@ -1,5 +1,4 @@
function mouselog(event) {
text.value += event.type+' [target: '+event.target.className+']\n'
text.value += event.type + ' [target: ' + event.target.className + ']\n'
text.scrollTop = text.scrollHeight
}

59
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout-fast.view/script.js
View file

@ -1,5 +1,5 @@
green.onmouseover = green.onmouseout = green.onmousemove = handler;
function handler(event) {
var type = event.type;
while (type < 11) type += ' ';
@ -9,38 +9,39 @@
}
function clearText() {
text.value = "";
lastMessage = "";
}
function clearText() {
text.value = "";
lastMessage = "";
}
var lastMessageTime = 0;
var lastMessage = "";
var repeatCounter = 1;
function log(message) {
if (lastMessageTime == 0) lastMessageTime = new Date();
var lastMessageTime = 0;
var lastMessage = "";
var repeatCounter = 1;
var time = new Date();
function log(message) {
if (lastMessageTime == 0) lastMessageTime = new Date();
if (time - lastMessageTime > 500) {
message = '------------------------------\n' + message;
}
var time = new Date();
if (message === lastMessage) {
repeatCounter++;
if (repeatCounter == 2) {
text.value = text.value.trim() + ' x 2\n';
} else {
text.value = text.value.slice(0, text.value.lastIndexOf('x') + 1) + repeatCounter + "\n";
}
if (time - lastMessageTime > 500) {
message = '------------------------------\n' + message;
}
} else {
repeatCounter = 1;
text.value += message + "\n";
}
if (message === lastMessage) {
repeatCounter++;
if (repeatCounter == 2) {
text.value = text.value.trim() + ' x 2\n';
} else {
text.value = text.value.slice(0, text.value.lastIndexOf('x') + 1) + repeatCounter + "\n";
}
text.scrollTop = text.scrollHeight;
} else {
repeatCounter = 1;
text.value += message + "\n";
}
lastMessageTime = time;
lastMessage = message;
}
text.scrollTop = text.scrollHeight;
lastMessageTime = time;
lastMessage = message;
}

8
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseoverout.view/script.js
View file

@ -8,14 +8,14 @@ function handler(event) {
}
log.value += event.type + ': ' +
'target=' + str(event.target) +
', relatedTarget=' + str(event.relatedTarget) + "\n";
'target=' + str(event.target) +
', relatedTarget=' + str(event.relatedTarget) + "\n";
log.scrollTop = 1e9;
if (event.type == 'mouseover') {
event.target.style.background = 'pink'
}
if (event.type == 'mouseout') {
event.target.style.background = ''
}
}
}