我遇到的一個問題 關於button的默認行爲

原創 叶子爱喝椰子牛奶 2018-09-03 06:32

在用jQuery給button綁定事件的時候 在form表單中 button會有一個會自動刷新頁面的默認行爲

可以通過取消默認行爲解決這個問題

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

個人總結之前端技巧-----頁面的設計流程

首先先說說我們編寫一個前端頁面的流程： 1設計HTML： 首先根據頁面的佈局，來確定對應的div區域，接着判斷處在同一層級或其樣式是否是相同的，若是相同的，則將這些相同樣式的類定義一個相同的類名。（方便再接下來編寫對應的樣式的時候

Rapper_cl 2020-07-01 13:48:27

BFC食用教程

1.什麼是BFC? BFC塊格式化上下文（Block Formatting Context，BFC） 是Web頁面的可視化CSS渲染的一部分，是塊盒子的佈局過程發生的區域，也是浮動元素與其他元素交互的區域。 2.BFC的佈局

luoawai 2020-06-29 21:28:03

javascript 字符串以及數組方法歸納

1.concat concat() 方法用於連接兩個或多個數組。該方法不會改變現有的數組，僅會返回被連接數組的一個副本。 var arr1=[1,2,3]; var arr=arr1.concat([4,5,6]); 2.jo

luoawai 2020-06-29 21:28:03

移動端H5頁面適配

廢話不多說，直接上代碼 以下例子均以UI設計圖爲750px寬度作爲標準進行轉換 1.rem加js適配（用原生方法獲取用戶設置的瀏覽器的字體大小(兼容ie)） <!doctype html> <html> <head> <met

theOtherSky 2020-06-27 06:27:20

混合開發對通過各種途徑點擊進入移動端頁面的路徑進行判斷（安卓，IOS，微信），及調用安卓，IOS內部方法

html頁面 //這個是頭部，a標籤的作用是返回上一層，也就是說從哪裏來回哪裏去（安卓，IOS） <header class="header"><a onclick="outUrl()"></a>用藥指導</header> js頁面（安

theOtherSky 2020-06-27 05:28:31

js標籤調用函數

點擊超鏈接調用javascript函數，一般人都用<a href="javascript:function();"> 但這有個缺點，就是點擊鏈接後，頁面上的GIF動畫將靜止。 試看如下代碼： <script language="javas

十三浪 2020-06-23 05:39:48

css3圖片過濾效果

     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio

十三浪 2020-06-23 05:39:47

頁面頂部顯示的進度條效果

<title>頁面頂部顯示的進度條效果</title> <div id="web_loading"><div></div></div> <scrip

十三浪 2020-06-23 05:39:47

Jquery焦點與失去焦點

$(function(){ $("#input").focus(function(){//#input換成你的input的ID //這裏寫獲得焦點之後運行的代碼。 }).blur(function(){     //$(".scroll-

十三浪 2020-06-23 05:39:47

jQuery判斷點擊事件是否在目標區域

很多時候需要在鼠標點擊非目標區域div將目標div隱藏的效果，這是需要判斷點擊事件是否在目標區域內， // 判斷點擊區域 隱藏/顯示其他區域 document.onclick = function(e) { e = window.even

十三浪 2020-06-23 05:39:47

jquery.cookies的使用

//初始化頁面時驗證是否記住了密碼 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").a

十三浪 2020-06-23 05:39:46

jquery 點擊函數切換 toggle() 及其其他實現點擊切換

toggle(fn,fn) 每次點擊時切換要調用的函數。 如果點擊了一個匹配的元素，則觸發指定的第一個函數，當再次點擊同一元素時，則觸發指定的第

十三浪 2020-06-23 05:39:46

區分各瀏覽器的CSS hack（包含360、搜狗、opera）

固然說應用css hack來解決頁面兼容性bug並不是個好辦法，然則有時辰這些hack還是用的着的，比如你接管了一個二手或是三手的遺留界面，混亂無章

十三浪 2020-06-23 05:39:46

es的 import 兼容性寫法，用 require 去寫兼容

  問題背景：在寫vue項目時，遇見import的包在IE 11 不兼容的 情況。需要判斷 IE11，否則IE裏面的頁面直接白屏且報錯。 問題重現： 基於vue-quill-editor的富文本組件引入quill-image-drop-m

nidunlove 2020-06-16 09:53:27

element-ui的表單重置方法resetFields()的坑，及簡單解決。

  其實之前就知道這個坑，網上其他人也說過。 然後我勉強處理了一下。 然後又製造了新的坑。 這裏記錄一下。 坑的產生 resetForm(formName) { this.$refs[formName].resetFields(); }

nidunlove 2020-06-16 09:53:27