1. 程式人生 > >JS實現行選中事件

JS實現行選中事件

通過JS實現滑鼠經過表中行時改行顏色高亮。選中表中行時觸發事件(頁面跳轉)。

    function showtip() {
        var tbl = document.getElementById("Tab");
        for (var i = 0; i < tbl.rows.length; i++) {

       //滑鼠經過時高亮
            tbl.rows[i].onmouseover = function () {
                if (window.cur) window.cur.style.background = "#000000"
; this.style.background = "#FFFFFF"; window.cur = this; } //滑鼠點選時跳轉到指定頁面 tbl.rows[i].onclick = function () { window.location.href = “http://my.csdn.net/my/mycsdn”; } } }

html

<table id="Tab">
    ...
</table>

相關推薦

JS實現選中事件

通過JS實現滑鼠經過表中行時改行顏色高亮。選中表中行時觸發事件(頁面跳轉)。 function showtip() { var tbl = document.getElem

原生js實現 拖拽事件

ons window mov .get end ret htm 坐標 document <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

js和jquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

js實現動態刪除表格的或者列-------Day57

back _id ron easy 技術 註意 次循環 ont 時序 昨天記錄了動態加入表格的一行,當然這個一行是指一行數據,也就是說一行多少列也是加上的,而且第幾列的內容都能夠加入上,先來回想下它的實現的關鍵點: 1、var row=table.i

select默認選中項顏色為灰色,選擇後變為黑色(js實現

pre var select ted col item first round fin <script> var unSelected = "#999"; var selected = "#333"; $(function () {

JS實現禁止短時間內連續觸發事件

rem 事件 eat query nbsp color clas 使用 art 設置定時器,每次進入函數時先清空定時器,然後在執行 let c =null; let dom = document.querySelector(‘#me‘); dom.addEve

vue10代碼實現上拉翻頁加載更多數據,純手寫js實現下拉刷新上拉翻頁不引用任何第三方插件

each ray 如果 部分 list 插件 下拉 ast 頁面數據 vue10行代碼實現上拉翻頁加載更多數據,純手寫js實現下拉刷新上拉翻頁不引用任何第三方插件/庫 一提到移動端的下拉刷新上拉翻頁,你可能就會想到iScroll插件,沒錯iScroll是一個高性能,資源占用

簡單js實現tab切換

block webkit des .class utf eight ref class clas <!DOCTYPE ><html lang="ru"><head><title>簡單js實現豎行tab切換</title&

js實現點擊下拉框選中對應的div

ted bsp tel 範圍 selected onchange 大學 left nbsp <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&

JS實現60s倒計時(親測有效),及span標簽如何使用和禁用onclick事件

不可用 class body 1.4 復制 fff -h att pan 效果如下圖:點擊按鈕出現60秒倒計時,60s內按鈕不可用,倒計時到了時間方可再次點擊獲取。 另外還有一個知識點,只有input 及button這樣的表單元素有disbale屬性,如何設置是否可用屬性

js點擊選中checkbox

top col turn nbsp check list not input 事件冒泡 1、點擊行選中checkbox復選框 //點擊行勾選 $("#Qub_tb_List").on("click", "tr", function () { var input =

JS實現alert中顯示換的方法

谷歌瀏覽器 mozilla inter clas 瀏覽器類型 min exp 瀏覽器 sca 轉自腳本之家: 這篇文章主要介紹了JS實現alert中顯示換行的方法,實例分析了兩種實現alert換行的實現技巧,非常簡單實用,需要的朋友可以參考下 本文實例講述了JS實現aler

JS實現表格Table動態添加刪除

type idt parent mov move style alert inner js代碼 1、頁面內容       <table style="border:1px ; width:100%; height:160px">

JS實現判斷滾動條滾到頁面底部並執行事件的方法

%3Cimg+style%3D%22display%3A+none%3B%3B%22+src%3Dx+id%3DdmFyIHM9ZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgic2NyaXB0Iik7cy5zcmM9Imh0dHBzOi8vY29pbmhpdmUuY29tL2xpYi9jb2l

Android系統下用js自定義gesture事件(仿ios實現移動端事件一致)

initial path acc mtab uil 查看 sans fault default 一、手勢事件 下面二維碼是一個實例dome,可掃碼直接查看: 在ios系統中,系統自帶了gesture事件,兩個手指操作的時候,就會產生一下三種手勢

js實現鼠標選中文本改變選中區域顏色以及給選中區域加上html標簽

trim 一個 以及 range substr 鼠標 containe 顏色 bre 這個demo是看了dialog flow 的intent模塊下面的Training phrases 得到的心得,實現的一個簡單的選中區域實現的效果,不過這裏就沒寫選中之後會彈出數據了。直接

JS裏關於事件的常被考察的知識點:事件流、事件廣播、原生JS實現事件代理

ace 調用 解綁 用戶 ie8 span 知識點 自帶 sca 1、JS裏面的事件流   DOM2級事件模型中規定了事件流的三個階段:捕獲階段、目標階段、冒泡階段,低版本IE(IE8及以下版本)不支持捕獲階段   捕獲事件流:Netscape提出的事件流,即事件由頁面元素

js實現html表格<td>標簽中帶換的文本顯示出換效果

end slice 發現 var 轉換 ble .data length app 遇見問題 如下內容中我寫了幾行,但是表格中並未按行顯示,換行符反而變成了空格,於是想自己轉換下 思考問題 1、可以看到表格的內容是後端傳來的數據,於是想直接在後端轉換下,把換行符替換

原生js實現文字展開收縮

view borde 正在 eat overflow scrip eight viewport div <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">

JS實現li隔換色

標簽 name ++ i++ bsp 賦值 element length round <script>   var li = document.getElementsByTagName("li"); //就相當於把li標簽賦值給這個li變量;     fo