ריענון דף בלחיצת Enter ב-Form

rj111 · 19/9/17

ריענון דף בלחיצת Enter ב-Form

יש לי דפי HTML עם FORM בהם לחיצה על ENTER, בזמן שהסמן בתוך ה-<input>, עושה ריענון לדף ויש כאלה שלחיצה על ENTER לא עושה ריענון לדף.
הדפים אינם שולחים מידע לשרת.
לא מוגדר action בתגית <form>.
תגיות <input> הן מסוג text או number או button ולא מסוג submit.
למישהו יש רעיון מה יכול להיות ההבדל בין הדפים שגורם פעם לריענון של הדפים ופעם לא?

עוץליגוץלי · 19/9/17

שדות בהם enter הוא תו "לא חוקי"

דוגמת number מן הסתם יגרמו למשלוח הטופס, אלא אם כן בוצעה חסימה ע"י JS.

rj111 · 19/9/17

יש שם בעיקר

<input type="text">
ולא בוצעה חסימה על submit event.
גם ב:
<input type="number">
בדף אחד יש רפרש ובדף שני אין רפרש.
ה-enter נלחץ כאשר הסמן נמצא בתיבת ה-input.

עוץליגוץלי · 19/9/17

נסה לעצור את זה עם stopPropagation

rj111 · 20/9/17

אני לא בהכרח רוצה לעצור את זה - רק להבין מתי זה קורה

אז הכנתי דף בדיקה והנה המסקנות:
כשמכניסים ערך ולוחצים ENTER כשהסמן נמצא בשדה האינפוט, הדף עובר ריענון לכתובת עם הפרמטר: localhost/test/test-refresh.htm?x=78.
אם אני מוריד את ההערה באינפוט השני, אז אין יותר ריענון של הדף.
למישהו יש רעיון למה זה קורה?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test Form Input Refresh</title>
</head>
<body>
<form>
<input type="text" id="x" name="x">

</form>
</body>
</html>

ריענון דף בלחיצת Enter ב-Form

rj111

New member

עוץליגוץלי

New member

rj111

New member

עוץליגוץלי

New member

rj111

New member