欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript初級教程(第五課)第2/4頁

 更新時間:2007年04月05日 00:00:00   作者:  

    文字域可以鏈接onBlur、onFocus和onChange事件。當有人點擊文字域的里邊時則發(fā)生onFocus事件。而如果點擊文字域的外面或按了tab鍵時則發(fā)生onblur事件。如果有人改變了文字域內(nèi)的內(nèi)容然后轉到文字域外部的區(qū)域時則發(fā)生onChange事件。

    試著做這些事情看下面的文字域會發(fā)生什么情況。

   

   

    以下是編制方法:文字域的編碼:

    <input type="text" name="first_text" onFocus="writeIt('focus');" onBlur="writeIt('blur');" onChange="writeIt('change');">

    每一個事件處理器調(diào)用函數(shù)writeIt(),該函數(shù)已作了定義。編碼如下:

    <script language="JavaScript">
    <!-- hide me
        function writeIt(the_word)
        {
            var word_with_return = the_word + "\n";
            window.document.first_form.the_textarea.value += word_with_return;
        }
    // show me -->
    </script>

    前幾行是典型的JavaScript預定義。主體中的第1行

    var word_with_return = the_word + "\n";

    將一個變量word_with_return進行初始化為函數(shù)處理后的字符串并加上換行符"\n".。注意"\n" 是標準的計算機指令。

    下一行

    window.document.first_form.the_textarea.value += word_with_return;

    將文字區(qū)域的值設置為其原值加新變量。其作用相當于

    window.document.first_form.the_textarea.value = window.document.first_form.the_textarea.value + word_with_return;

    目前我們已經(jīng)學習了文字域和文字區(qū)域(值)的屬性,接下來我們學習文字域和文字區(qū)域處理所用的方法:blur()、focus()和select()。

    下面的鏈接顯示了focus() 和select()如何工作。注意他們工作一次后可能會終止功能。

   

    Mouseover to focus Mouseover to select

    以下為表單和鏈接的編碼:

    <form name="method_form">
        <input type="text" name="method_text" size=40 value="Hey, hey, we're the monkeys">
    </form>

    <a href="#" onMouseOver="window.document.method_form.method_text.focus();">Mouseover to focus</a>
    <a href="#" onMouseOver="window.document.method_form.method_text.select();">Mouseover to select</a>

    其使用方法和調(diào)用任何對象方法的做法是一樣的:object_name.method(). 該文字域的名稱是window.document.form_name.text_field_name,所以用下列語句就可調(diào)用文字域的focus()方法。 

    window.document.method_form.method_text.focus();

相關文章

  • javascript創(chuàng)建對象的幾種模式介紹

    javascript創(chuàng)建對象的幾種模式介紹

    下面小編就為大家?guī)硪黄猨avascript創(chuàng)建對象的幾種模式介紹。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考
    2016-05-05
  • 打開windows運行對話框的js

    打開windows運行對話框的js

    打開windows運行對話框的js...
    2007-02-02
  • THREE.JS入門教程(1)THREE.JS使用前了解

    THREE.JS入門教程(1)THREE.JS使用前了解

    Three.js是一個偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實現(xiàn)真正意義的3D,本文介紹下THREE.JS基礎/瀏覽器支持/設置場景/構建網(wǎng)格表面/材質(zhì)/光/渲染循環(huán)/通用的對象屬性等等,感興趣的朋友可以了解下哦
    2013-01-01
  • 深入淺出講解ES6的解構

    深入淺出講解ES6的解構

    解構是ES6的新特性,用于從JavaScript對象和數(shù)組中提取數(shù)據(jù),語法上比ES5所提供的更加簡潔、緊湊、清晰。本文將深入探討解構賦值,為你介紹該新特性中你所需要知悉的一切。
    2016-08-08
  • js 判斷checkbox是否選中的操作方法

    js 判斷checkbox是否選中的操作方法

    大家在很多場合也許會遇到判斷頁面是否有元素選中,下面介紹的是利用js判斷是否選中CheckBox的方法
    2012-11-11
  • 用javascript自動顯示最后更新時間

    用javascript自動顯示最后更新時間

    用javascript自動顯示最后更新時間...
    2007-03-03
  • 在JavaScript中處理數(shù)組之reverse()方法的使用

    在JavaScript中處理數(shù)組之reverse()方法的使用

    這篇文章主要介紹了在JavaScript中處理數(shù)組之reverse()方法的使用,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-06-06
  • javascript閉包入門示例

    javascript閉包入門示例

    這篇文章主要介紹了多個javascript閉包入門示例,理解了這幾個例子,對于閉包,應該可以算是入門了,需要的朋友可以參考下
    2014-04-04
  • js中對象深拷貝方法總結

    js中對象深拷貝方法總結

    js深拷貝這個問題,在實際的工作和面試當中也是經(jīng)常使用到的。
    還經(jīng)常有一些公司要求,原生手寫實現(xiàn),這篇文章主要介紹了js中對象深拷貝方法總結,需要的朋友可以參考下
    2022-10-10
  • 關于setEndPoint msdn給出的參考

    關于setEndPoint msdn給出的參考

    關于setEndPoint msdn給出的參考...
    2007-05-05

最新評論