คำถามติดแท็ก javascript

มีวิธีใดบ้างที่ฉันสามารถสร้างฟังก์ชันคงที่ที่รับฟังอินพุตได้ดังนั้นเมื่อค่าอินพุตเปลี่ยนไปบางสิ่งจะถูกทริกเกอร์ทันที ฉันกำลังมองหาบางอย่างโดยใช้จาวาสคริปต์ล้วนๆไม่มีปลั๊กอินไม่มีกรอบและฉันไม่สามารถแก้ไข HTML ได้ ตัวอย่างเช่น: เมื่อฉันเปลี่ยนค่าในอินพุตMyObjectฟังก์ชันนี้จะทำงาน ความช่วยเหลือใด ๆ

99 javascript 

ฉันยังใหม่กับ JavaScript / jQuery และฉันได้เรียนรู้วิธีสร้างฟังก์ชัน มีฟังก์ชันมากมายที่ครอบตัดด้วย (e) ในวงเล็บ ให้ฉันแสดงความหมาย: $(this).click(function(e) { // does something }); ดูเหมือนว่าฟังก์ชันจะไม่ใช้ค่า (e) ด้วยซ้ำทำไมจึงมีบ่อยครั้ง

99 javascript  jquery  function  parameters  parameter-passing 

ฉันมีสตริงประเภทต่อไปนี้ var string = "'string, duppi, du', 23, lala" ฉันต้องการแยกสตริงออกเป็นอาร์เรย์ในแต่ละลูกน้ำ แต่มีเพียงเครื่องหมายจุลภาคที่อยู่นอกเครื่องหมายคำพูดเดียว ฉันไม่สามารถหานิพจน์ทั่วไปที่ถูกต้องสำหรับการแยก ... string.split(/,/) จะให้ฉัน ["'string", " duppi", " du'", " 23", " lala"] แต่ผลลัพธ์ควรเป็น: ["string, duppi, du", "23", "lala"] มีโซลูชันข้ามเบราว์เซอร์หรือไม่?

99 javascript  regex  split 

หากคุณไปที่หน้า a แล้วเลื่อนไปรอบ ๆ จากนั้นรีเฟรชหน้านั้นจะรีเฟรชตรงจุดที่คุณทิ้งไว้ วิธีนี้ดีมาก แต่ก็เกิดขึ้นในหน้าที่มีตำแหน่งจุดยึดใน url เช่นกัน ตัวอย่างเช่นหากคุณคลิกลิงก์http://example.com/post/244#comment5และรีเฟรชหน้าหลังจากมองไปรอบ ๆ คุณจะไม่อยู่ที่จุดยึดและหน้าเว็บจะกระโดดไปมา มีวิธีใดในการป้องกันปัญหานี้ด้วยจาวาสคริปต์หรือไม่? ดังนั้นไม่ว่าคุณจะนำทางไปยังจุดยึดใดเสมอ

99 javascript  browser 

อะไรคือเท็จในตอนท้าย? ขอบคุณ. window.addEventListener('load', function() { alert("All done"); }, false);

99 javascript 

ฉันมีสิ่งนี้: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal เป็นเพียงอาร์เรย์ของตัวเลข[1, 5, 9]เช่น แต่this.state.dealersOverallTotalไม่ได้ให้ผลรวมที่ถูกต้อง แต่total? ฉันยังใช้เวลาหน่วงเวลาเพื่อดูว่าวิธีนี้ช่วยแก้ปัญหาได้หรือไม่ ชัดเจนหรือควรโพสต์โค้ดเพิ่มเติม

99 javascript  reactjs  state  setstate 

ผมมีกรณีที่ในของฉันVue.jsกับwebpackapp เว็บฉันต้องแสดงภาพแบบไดนามิก ฉันต้องการแสดงimgตำแหน่งที่เก็บชื่อไฟล์ของรูปภาพในตัวแปร ตัวแปรที่เป็นcomputedสถานที่ให้บริการซึ่งจะกลับตัวแปรเก็บซึ่งจะถูกถ่ายทอดสดในประชากรVuexbeforeMount <div class="col-lg-2" v-for="pic in pics"> <img v-bind:src="'../assets/' + pic + '.png'" v-bind:alt="pic"> </div> อย่างไรก็ตามมันทำงานได้อย่างสมบูรณ์เมื่อฉันทำ: <img src="../assets/dog.png" alt="dog"> กรณีของฉันคล้ายกับซอนี้แต่ที่นี่ใช้งานได้กับ img URL แต่ในของฉันที่มีเส้นทางไฟล์จริงมันใช้ไม่ได้ วิธีที่ถูกต้องควรทำอย่างไร?

99 javascript  html  vue.js  vuejs2 

ฉันจะตรวจสอบการรองรับ WebP ผ่าน Javascript ได้อย่างไร ฉันต้องการใช้การตรวจจับคุณสมบัติมากกว่าการตรวจจับเบราว์เซอร์หากเป็นไปได้ แต่ฉันหาวิธีทำไม่ได้ Modernizr ( www.modernizr.com ) ไม่ได้ตรวจสอบ

99 javascript  html  image  webp 

ฉันพยายามเลื่อนลง 100px ทุกครั้งที่ผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร ฉันมีฟังก์ชันที่ทำงานเมื่อผู้ใช้เข้าใกล้ด้านบนสุดของเอกสาร แต่ฟังก์ชัน. scrollTo ไม่ทำงาน ฉันแจ้งเตือนก่อนและหลังเพื่อตรวจสอบว่าเป็นบรรทัดจริงหรือไม่ที่หยุดการแจ้งเตือนและมีเพียงการแจ้งเตือนครั้งแรกเท่านั้นที่ดับลงนี่คือรหัส: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); ฉันรู้ว่าฉันมีหน้า jquery ที่เชื่อมโยงอย่างถูกต้องเพราะฉันใช้ฟังก์ชั่น jquery อื่น ๆ มากมายและมันก็ทำงานได้ดี ฉันได้ลองลบ 'px' จากด้านบนแล้วและดูเหมือนจะไม่สร้างความแตกต่าง

98 javascript  jquery  scroll  scrollto 

ฉันต้องการที่จะทำให้วิธีการ fadeOut (คล้ายกับ jQuery) โดยใช้D3.js สิ่งที่ฉันต้องการจะทำคือการตั้งค่าความทึบเป็น 0 transition()โดยใช้ d3.select("#myid").transition().style("opacity", "0"); ปัญหาคือฉันต้องการการติดต่อกลับเพื่อให้ทราบเมื่อการเปลี่ยนแปลงเสร็จสิ้น ฉันจะใช้การโทรกลับได้อย่างไร

98 javascript  d3.js  transition 

ฉันมีแบบฟอร์มที่ใช้มาร์กอัปจาก Bootstrap ดังต่อไปนี้: <form class="form-horizontal"> <fieldset> <legend>Legend text</legend> <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> <p class="help-block">Supporting help text</p> </div> </div> </fieldset> </form> มีรหัสสำเร็จรูปจำนวนมากอยู่ในนั้นซึ่งฉันต้องการลดเป็นคำสั่งใหม่ - การป้อนรูปแบบดังต่อไปนี้: <form-input label="Name" form-id="nameInput"></form-input> สร้าง: <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> </div> </div> ฉันทำงานได้ดีมากผ่านเทมเพลตง่ายๆ angular.module('formComponents', []) …

98 javascript  angularjs 

ฉันจะเริ่มใช้ === (สามเท่าเท่ากับการเปรียบเทียบอย่างเข้มงวด) ตลอดเวลาเมื่อเปรียบเทียบค่าสตริง แต่ตอนนี้ฉันพบว่า "foo" === new String("foo") เป็นเท็จและเหมือนกันกับสิ่งนี้: var f = "foo", g = new String("foo"); f === g; // false แน่นอน: f == g; // true ดังนั้นจึงแนะนำให้ใช้ == สำหรับการเปรียบเทียบสตริงเสมอหรือแปลงตัวแปรเป็นสตริงก่อนทำการเปรียบเทียบเสมอ?

98 javascript  object  equality 

ฉันมีแอป AJAX ที่สร้างขึ้นสำหรับเบราว์เซอร์ Safari บนมือถือที่ต้องการแสดงเนื้อหาประเภทต่างๆ สำหรับเนื้อหาบางอย่างที่ฉันต้องการuser-scalable=1และสำหรับคนอื่น ๆ user-scalable=0ที่ฉันต้องการ มีวิธีแก้ไขค่าของแอตทริบิวต์เนื้อหาโดยไม่ต้องรีเฟรชหน้าหรือไม่ <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

98 javascript  mobile-safari  viewport 

ฉันพยายามใช้ JavaScript เพื่อรับค่าจากกล่องข้อความ HTML แต่ค่าไม่ได้มาหลังจากช่องว่าง ตัวอย่างเช่น: <input type="text" name="txtJob" value="software engineer"> ฉันได้รับ: "ซอฟต์แวร์" จากข้างต้นเท่านั้น ฉันใช้สคริปต์เช่นนี้: var jobValue = document.getElementById('txtJob').value ฉันจะได้รับมูลค่าเต็ม: "วิศวกรซอฟต์แวร์" ได้อย่างไร?

98 javascript  html 

เป็นไปได้หรือไม่ที่จะ จำกัด Google map v3 ไว้เฉพาะบางพื้นที่ ฉันต้องการอนุญาตให้แสดงเฉพาะบางพื้นที่ (เช่นประเทศ) และไม่อนุญาตให้ผู้ใช้เลื่อนไปที่อื่น นอกจากนี้ฉันต้องการ จำกัด ระดับการซูม - เช่นระหว่างระดับ 6 และ 9 เท่านั้นและฉันต้องการใช้ประเภทแผนที่ฐานทั้งหมด มีวิธีใดบ้างที่จะบรรลุสิ่งนี้? ฉันประสบความสำเร็จบางส่วนกับการ จำกัด ระดับการซูมโดยใช้ StyledMap แต่ฉันประสบความสำเร็จด้วยการ จำกัด ROADMAP เท่านั้นฉันไม่สามารถ จำกัด การซูมในประเภทพื้นฐานอื่น ๆ ได้ด้วยวิธีนี้ ขอบคุณสำหรับความช่วยเหลือใด ๆ

98 javascript  google-maps  google-maps-api-3