我是新來的JavaScript,所以我不知道去哪裏找這樣做。清除textarea包含點擊或輸入文本時的說明?
我有一個網頁,用戶可以在一個文本框中輸入一個消息。我想有在框中爲他們的指令,這只是一個例子:
<TEXTAREA NAME="message" ROWS=10 COLS=80>Enter your text here</TEXTAREA>
當這個textarea的框或開始內部用戶點擊輸入文字,我要立即清除掉的說明文字。
我看到網頁上完成這件事,但我找不到任何檢查。
我是新來的JavaScript,所以我不知道去哪裏找這樣做。清除textarea包含點擊或輸入文本時的說明?
我有一個網頁,用戶可以在一個文本框中輸入一個消息。我想有在框中爲他們的指令,這只是一個例子:
<TEXTAREA NAME="message" ROWS=10 COLS=80>Enter your text here</TEXTAREA>
當這個textarea的框或開始內部用戶點擊輸入文字,我要立即清除掉的說明文字。
我看到網頁上完成這件事,但我找不到任何檢查。
你應該只用placeholder
替換它。
<textarea name="message" rows=10 cols=80 placeholder="Enter your text here"></textarea>
,或者你可以通過binding
事件處理程序爲blur
和focus
做到這一點。
let message="Enter your text here";
$('textarea').focus(function(){
if($(this).val() === message)
$(this).val('');
});
$('textarea').blur(function(){
if($(this).val().length === 0)
$(this).val(message);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="message" rows=10 cols=80>Enter your text here</textarea>
當用戶點擊它,它什麼都不做。我希望它能夠在點擊時清除文字,而不僅僅是當他們輸入文字時。 –
@EdwardCoast,現在看看。 –
這個JavaScript被放置在網頁的哪裏?我已經有一個調用函數的onclick按鈕。這個事件就像點擊一個按鈕,所以我可以把它放在任何地方? –
使用佔位符來做到這一點
<TEXTAREA NAME="message" ROWS=10 COLS=80 placeholder="Enter your text here"></TEXTAREA>
您好,如果您想使用JavaScript或jQuery的再試試下面的代碼
$(function() {
var defaultText = 'Enter your text here';
$('#txt').focus(function() {
defaultText = $(this).val();
$(this).val('');
}).blur(function() {
if($(this).val().length === 0)
$(this).val(defaultText);
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<TEXTAREA NAME="message" id="txt" ROWS=10 COLS=80 >Enter your text here</TEXTAREA>
這可能是不可取的,因爲如果用戶輸入一些文字,離開控件,然後再進入控制,它會刪除自己輸入的內容。 – 4castle
也爲'blur'方法添加事件處理程序以重新初始化值。 –
焦點附加的事件文本區。
//assigns value to yext area
document.getElementById("textarea").value = "this is an example";
//does focus event
document.getElementById("textarea").addEventListener("focus", myFocusMethod, true) ;
function myFocusMethod(){
document.getElementById("textarea").value = "";
}
//does click
function doClick() {
}
<TEXTAREA id="textarea" NAME="message" ROWS=10 COLS=80 onclick="doClick();"></TEXTAREA>
在網頁的流程中,它會放入JavaScript中嗎?我有一個可以調用函數的clickon按鈕。這是否會成爲該功能的一部分?功能前爲 –
。這甚至可以在客戶關注文本區域時監聽客戶的行爲和行爲。更新了包含評論的片段。 –
使用'
可能重複https://stackoverflow.com/questions/1626107/text-in-html-field-to-disappear-when-clicked/5077265#5077265 – Nayish
的可能的複製[在HTML文本字段點擊時消失?( https://stackoverflow.com/questions/1626107/text-in-html-field-to-disappear-when-clicked) – 4castle