javascript實(shí)現(xiàn)的textarea運(yùn)行框效果代碼 不用指定id批量指定
更新時(shí)間：2009年12月09日 22:28:47 作者：
今天在寫一個(gè)網(wǎng)頁(yè)的時(shí)候用到了N多嵌套在textarea標(biāo)簽里的代碼，定義雙擊運(yùn)行其內(nèi)的代碼段。但是每次創(chuàng)建一個(gè)這樣的可運(yùn)行的實(shí)例都要給textarea元素自定義一個(gè)id值和寫入雙擊事件，好不麻煩。
剛學(xué)了點(diǎn)DOM節(jié)點(diǎn)樹的操作方法和屬性，邊嘗試著寫一個(gè)不用手動(dòng)設(shè)置id和雙擊事件的例子，折騰了N久終于弄出了摸樣來(lái)了，代碼如下：（說(shuō)明：雙擊運(yùn)行文本框里的代碼，右擊復(fù)制其內(nèi)的代碼，另存為*.htm文件即可測(cè)試）
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- JS實(shí)現(xiàn)可直接顯示網(wǎng)頁(yè)代碼運(yùn)行效果的HTML代碼預(yù)覽功能實(shí)例
- JS、HTML代碼運(yùn)行工具
- javascript 代碼運(yùn)行器
- 可以測(cè)試javascript運(yùn)行效果的代碼
- js實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)、網(wǎng)站已運(yùn)行時(shí)間功能的代碼3例
- 不使用瀏覽器運(yùn)行javascript代碼的方法
- 禁止JS運(yùn)行的代碼
- js網(wǎng)頁(yè)中的(運(yùn)行代碼)功能實(shí)現(xiàn)思路
- 打開windows運(yùn)行對(duì)話框的js
- javascript實(shí)現(xiàn)在網(wǎng)頁(yè)中運(yùn)行本地程序的方法
- JS實(shí)現(xiàn)直接運(yùn)行html代碼的方法
相關(guān)文章
這篇文章主要為大家介紹了Webpack中Source?Map配置深入解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
parabola.js拋物線與加入購(gòu)物車效果的示例代碼
本篇文章主要介紹了parabola.js拋物線與加入購(gòu)物車效果的示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
JavaScript代碼在web應(yīng)用程序中經(jīng)常用到，但是很多開發(fā)者忽視了一些性能方面的知識(shí)，如何編寫高性能javascript代碼呢？接下來(lái)，小編跟大家一起學(xué)習(xí)2015-10-10
jquery+css3實(shí)現(xiàn)網(wǎng)頁(yè)背景花瓣隨機(jī)飄落特效
在qq空間可以自定義一些插件，裝飾空間，大家通常就是復(fù)制代碼到空間粘貼，會(huì)實(shí)現(xiàn)非常美觀的效果，有的會(huì)隨機(jī)飄落一些花瓣，那么這種效果用代碼怎么實(shí)現(xiàn)的呢，下面小編給大家詳解jquery實(shí)現(xiàn)網(wǎng)頁(yè)背景花瓣隨機(jī)飄落特效，需要的朋友可以參考下2015-08-08
JavaScript中通過(guò)prototype屬性共享屬性和方法的技巧實(shí)例
這篇文章主要介紹了JavaScript中通過(guò)prototype屬性共享屬性和方法的技巧實(shí)例,本文直接給出一個(gè)代碼實(shí)例,需要的朋友可以參考下2015-03-03
本文給大家介紹uniapp實(shí)現(xiàn)單選框的示例代碼,采用uniapp-vue3實(shí)現(xiàn)的一款單選框組件,提供絲滑的動(dòng)畫選中效果,支持不同主題配置,適配web、H5、微信小程序,感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)通訊錄列表展開收起，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JavaScript清空數(shù)組的四種方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-03-03
javascript克隆元素樣式的實(shí)現(xiàn)代碼
這是一個(gè)實(shí)驗(yàn)用的玩意，它可以克隆指定元素的最終樣式，并包裝成一個(gè)css類，它還可以證明Oprea 11.10 是個(gè)混球2011-10-10
bootstrap網(wǎng)格系統(tǒng)使用方法解析
這篇文章主要為大家詳細(xì)解析了bootstrap網(wǎng)絡(luò)系統(tǒng)使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01