習慣了CS回車操作人員,操作BS網頁表單也是回車666

来源:http://www.cnblogs.com/historylyt/archive/2017/07/20/7214201.html
-Advertisement-
Play Games

1.第一步把表單,裡面需要回車的input,或者是其他的表單按鈕給一個clsss,例如下麵的$('.cls'); 2.第二步, 把下麵的代碼複製過去,填寫完最後一個自動提交:$("#savedown").click(); 3.選中input的框的時候一定要全部選中,不然操作會不方便,給一個提示 $( ...


1.第一步把表單,裡面需要回車的input,或者是其他的表單按鈕給一個clsss,例如下麵的$('.cls');

2.第二步,  把下麵的代碼複製過去,填寫完最後一個自動提交:$("#savedown").click();

3.選中input的框的時候一定要全部選中,不然操作會不方便,給一個提示

----------------------------------------------------------------------------------------------------------------------------------------

$("input").focus(function() {
                        this.select();
                    });   

-----------------------------------------------------------------------------------------------------------------------------------------

<input style="width:208px;" id="onlyshipid" class="form-control cls" type="text" onblur="clearorchangeNum()">

<input style="width:208px;" id="onlyshipid" class="form-control cls" type="text" onblur="clearorchangeNum()">

$(function(){
                    $("input").focus(function() {
                        this.select();
                    });    
                    $('#goodsnameid').focus();
                    var $inp = $('.cls');
                    $inp.bind('keydown', function (e) {
                    var key = e.which;
                    if (key == 13) {
                        e.preventDefault();
                        var nxtIdx = $inp.index(this) + 1;                
                        if($('.cls').size() == nxtIdx){
                            $("#savedown").click();
                            $(".cls:eq(" + 0 + ")").focus();
                            $(".cls:eq(" + 0 + ")").select();
                        }else{                        
                            $(".cls:eq(" + nxtIdx + ")").focus();
                            $(".cls:eq(" + nxtIdx + ")").select();
                            
                        }
                    }  
                });
        });   

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 原文:History and Background of JavaScript Module Loaders 作者:Elias Carlston 翻譯:leotso 介紹 Web 應用程式的應用程式邏輯不斷從後端移到瀏覽器端。但是,由於富客戶端 JavaScript 應用程式的規模變得更大,它們遇到 ...
  • 電影網站 👉 GitHub: https://github.com/bxm0927/movie-website 此項目是基於 Node.js + Express + mongoDB + Bootstrap 搭建的電影網站。 主要功能模塊: 一期:前臺電影展示頁、電影詳情頁、後臺電影管理中心(電影錄 ...
  • 七.ECMAScript5關於數組的新方法1.forEach():遍曆數組,併為每個元素調用傳入的函數; 舉例: 1 var a = [1,2,3]; 2 var sum = 0; 3 //傳一個參數 4 a.forEach(function(v){ 5 sum += v; 6 }); 7 cons... ...
  • Div+CSS(嵌套+盒模型)佈局頁面完整實例流程: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>中國石油大學</title> </head> <style> *{ margin: 0px auto; padding: 0px ...
  • Js Window - 獲取瀏覽器視窗 全局變數是window對象的屬性 全局函數是window對象的方法 HTML DOM的document是window對象屬性之一 window.document.getElementById("header"); document.getElementById ...
  • 例子1: <input type="text" value="0" onkeyup="cleartwoNum(this)"> //限制input框輸入只能數字:function cleartwoNum(obj) { obj.value = obj.value.replace(/[^\d]/g, '' ...
  • 1.引入相應的js和css,我用到的時候是在jquery-ui的js裡面整合的,ui的css 2.先在html上寫一個input <input id="tags" class="form-control ui-autocomplete-input" autocomplete="off" type=" ...
  • 我們在前面的學習過程中不管是在學習angular還是vue1,都會遇到二級路由,我們現在先來看一下vue2中的一級路由。 首先要引入的是vue2與路由文件。 js代碼: html代碼: 看到這裡你們會不會感到不管是vue1還是vue2的路由都要比angular複雜一點,但是要比angular路由容易 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...