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

สำหรับคำถามเกี่ยวกับการเขียนโปรแกรมใน ECMAScript (JavaScript / JS) และภาษา / การใช้งานต่างๆ (ไม่รวม ActionScript) แท็กนี้ไม่ค่อยได้ใช้คนเดียว แต่ส่วนใหญ่มักจะเกี่ยวข้องกับแท็ก [node.js], [jquery], [json] และ [html]

10
การตรวจจับทิศทางการเลื่อน
ดังนั้นฉันจึงพยายามใช้ JavaScript on scrollเพื่อเรียกใช้ฟังก์ชัน แต่ฉันอยากรู้ว่าฉันสามารถตรวจจับทิศทางของการเลื่อนโดยไม่ใช้ jQuery ได้หรือไม่ ถ้าไม่เช่นนั้นมีวิธีแก้ปัญหาใด ๆ หรือไม่? ฉันคิดว่าจะแค่ใส่ปุ่ม "ไปด้านบน" แต่อยากจะหลีกเลี่ยงสิ่งนั้นถ้าทำได้ ตอนนี้ฉันเพิ่งลองใช้รหัสนี้ แต่ไม่ได้ผล: if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }

7
React.js: onChange เหตุการณ์สำหรับ contentEditable
ฉันจะฟังเหตุการณ์การเปลี่ยนแปลงสำหรับcontentEditable- ตามการควบคุมได้อย่างไร var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

3
การดีบักใน Web Inspector ของ Safari เมื่อใช้ตัวโหลดโมดูลเช่น SystemJS
ฉันสร้างIonicapp ที่ใช้es6 modules, TypeScriptและSystemJSเป็นรถตักดินแบบโมดูล นี่คือการตั้งค่าของฉัน: tsconfig.json: { "compilerOptions": { ... "target": "es5", "module": "system", ... } } index.html: <script src="lib/system.js"></script> <script src="systemjs.config.js"></script> <script>System.import('js/app.js')</script> ตัวอย่างสคริปต์ (TypeScript): import {IConfig} from "./app-config"; export class ConfigLoader { ... } ทุกอย่างทำงานได้ดีใน Chrome อย่างไรก็ตามเมื่อทำการดีบักโดยใช้ Web Inspector ของ Safari ฉันไม่สามารถวางเบรกพอยต์ในสคริปต์ได้เนื่องจาก Web Inspector แสดงเฉพาะสคริปต์ที่โหลดโดยตรงจาก HTML (ผ่านแท็กสคริปต์) ไม่ใช่สคริปต์ที่โหลดโดย XHR …

7
สถานะไม่อัพเดตเมื่อใช้ React state hook ภายใน setInterval
ฉันกำลังทดลองใช้React Hooksใหม่และมีส่วนประกอบนาฬิกาพร้อมตัวนับซึ่งควรจะเพิ่มขึ้นทุกวินาที อย่างไรก็ตามมูลค่าไม่ได้เพิ่มขึ้นเกินหนึ่ง function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() => { const timer = window.setInterval(() => { setTime(time + 1); }, 1000); return () => { window.clearInterval(timer); }; }, []); return ( <div>Seconds: {time}</div> ); } ReactDOM.render(<Clock />, document.querySelector('#app')); <script src="https://unpkg.com/react@16.7.0-alpha.0/umd/react.development.js"></script> <script src="https://unpkg.com/react-dom@16.7.0-alpha.0/umd/react-dom.development.js"></script> <div id="app"></div> เรียกใช้ข้อมูลโค้ดHide resultsขยายข้อมูลโค้ด

3
วิธีรับ highcharts วันที่ในแกน x?
มีวิธีมาตรฐานในการหาวันที่บนแกน x สำหรับ Highcharts หรือไม่? ไม่พบในเอกสาร: http://www.highcharts.com/ref/#xAxis--type เมื่อช่วงเวลาของฉันมีขนาดใหญ่พอก็จะแสดงวันที่ อย่างไรก็ตามเมื่อช่วงเวลาไม่มากพอก็จะแสดงชั่วโมงดังนี้: นี่น้อยกว่าอุดมคติ ... ถ้าสามารถแสดงวันที่และเวลาในกรณีนี้ได้ก็จะดีมาก ใครรู้วิธีบ้าง

6
ทำไม“ ,,,” == Array (4) ใน Javascript
บูตล่าม / คอนโซลของคุณแล้วลองเปรียบเทียบ > ",,," == Array(4) True ทำไม? ตอนแรกฉันคิดว่าอาจจะเป็นเพราะคุณคิดว่า ",,," เป็นอาร์เรย์ของอักขระสี่ตัวที่มีเครื่องหมาย "\ 0" ยกเลิกชิ้นส่วนนั่นอาจเป็นสาเหตุ แต่ > "..." == Array(4) ส่งคืน "เท็จ" ทำไม? ฉันรู้ว่ามันเป็นการพิมพ์เป็ดที่แปลกประหลาดใน Javascript แต่แค่อยากรู้ว่าอะไรที่เน้นย้ำพฤติกรรมนี้ รวบรวมนี้จากการที่ยอดเยี่ยม Zed ชอว์นำเสนอที่นี่ครับ
119 javascript 

6
ฉันจะสร้างภาพหมุนด้วย CSS เพียงอย่างเดียวได้อย่างไร
ฉันต้องการสร้างภาพหมุนซึ่งผู้ใช้สามารถสลับไปมาระหว่างภาพต่างๆได้โดยคลิกที่ลูกศร ตัวอย่างเช่น: อย่างไรก็ตามฉันใช้ได้เฉพาะ HTML และ CSS เท่านั้นไม่มี JavaScript (ดังนั้น jQuery) ฉันต้องการการตั้งค่าพื้นฐาน การเปลี่ยนที่ราบรื่นและสิ่งที่คล้ายกันนั้นไม่จำเป็น ฉันจะทำสิ่งนี้ให้สำเร็จได้อย่างไร
119 javascript  jquery  html  css 

6
จะส่งวัตถุเข้าสู่สถานะโดยใช้เราเตอร์ UI ได้อย่างไร
ฉันต้องการเปลี่ยนสถานะและส่งผ่านวัตถุโดยพลการโดยใช้ ui-router ฉันทราบว่าโดยปกติ$stateParamsจะใช้ แต่ฉันเชื่อว่าค่านี้ถูกแทรกลงใน URL และฉันไม่ต้องการให้ผู้ใช้สามารถบุ๊กมาร์กข้อมูลนี้ได้ ฉันต้องการทำสิ่งนี้ $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; มีวิธีดำเนินการโดยไม่เข้ารหัสค่าลงใน URL หรือไม่


10
ฉันจะใช้คอนโซลล็อกอินใน Internet Explorer ได้อย่างไร
มีเครื่องบันทึกคอนโซลสำหรับ IE หรือไม่? ฉันกำลังพยายามบันทึกการทดสอบ / การยืนยันจำนวนมากไปยังคอนโซล แต่ฉันไม่สามารถทำได้ใน IE

7
จะทำ Jquery Callback หลังจากส่งแบบฟอร์มได้อย่างไร?
ฉันมีรูปแบบง่ายๆด้วย remote = true แบบฟอร์มนี้อยู่ในกล่องโต้ตอบ HTML ซึ่งจะปิดทันทีที่คลิกปุ่มส่ง ตอนนี้ฉันต้องทำการเปลี่ยนแปลงบางอย่างในหน้า HTML หลักหลังจากส่งแบบฟอร์มสำเร็จแล้ว ฉันลองใช้ jQuery แต่สิ่งนี้ไม่มั่นใจว่างานจะสำเร็จหลังจากการตอบสนองบางรูปแบบของการส่งแบบฟอร์ม $("#myform").submit(function(event) { // do the task here .. }); ฉันจะแนบการโทรกลับได้อย่างไรเพื่อให้รหัสของฉันถูกเรียกใช้หลังจากส่งแบบฟอร์มสำเร็จแล้วเท่านั้น มีวิธีใดบ้างในการเพิ่มการเรียกกลับ. สำเร็จหรือการเรียกกลับแบบสมบูรณ์ในแบบฟอร์ม?

9
โซลูชันทางเลือกของ HTML5 Local Storage [ปิด]
ปิด. คำถามนี้ไม่เป็นไปตามหลักเกณฑ์กองมากเกิน ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามให้เป็นหัวข้อสำหรับ Stack Overflow ปิดให้บริการใน6 ปีที่ผ่านมา ปรับปรุงคำถามนี้ ฉันกำลังมองหาไลบรารี javascript และโค้ดที่สามารถจำลองได้ localStorageบนเบราว์เซอร์ที่ไม่มีการรองรับดั้งเดิม โดยพื้นฐานแล้วฉันต้องการโค้ดไซต์ของฉันโดยใช้localStorageเพื่อจัดเก็บข้อมูลและรู้ว่าจะยังคงใช้งานได้บนเบราว์เซอร์ที่ไม่รองรับ นี่หมายความว่าไลบรารีจะตรวจพบว่าwindow.localStorageมีอยู่หรือไม่และใช้หากมี หากไม่มีอยู่ก็จะสร้างวิธีการสำรองในพื้นที่จัดเก็บในเครื่องโดยสร้างการใช้งานของตัวเองในwindow.localStorageเนมสเปซ จนถึงตอนนี้ฉันพบวิธีแก้ปัญหาเหล่านี้แล้ว: การใช้งานsessionStorageอย่างง่าย การใช้งานที่ใช้คุกกี้ (ไม่ตื่นเต้นกับแนวคิดนี้) dojox.storageของ Dojo แต่มันเป็นของของตัวเองไม่ใช่ทางเลือกอื่น ฉันเข้าใจว่า Flash และ Silverlight สามารถใช้สำหรับพื้นที่จัดเก็บข้อมูลในเครื่องได้เช่นกัน แต่ไม่พบสิ่งใดในการใช้เป็นทางเลือกสำหรับ HTML5 localStorage มาตรฐาน บางที Google Gears ก็มีความสามารถนี้ด้วย? โปรดแบ่งปันไลบรารีทรัพยากรหรือตัวอย่างโค้ดที่เกี่ยวข้องที่คุณพบ! ฉันสนใจเป็นพิเศษในการแก้ปัญหาที่ใช้ javascript หรือ jquery แต่ฉันเดาว่าไม่น่าเป็นไปได้

4
ตรวจสอบองค์ประกอบที่ปรากฏเฉพาะเมื่อมีการป้อน / ป้อนองค์ประกอบอื่นด้วยเมาส์
บ่อยครั้งที่ฉันต้องการตรวจสอบองค์ประกอบ (เช่นคำแนะนำเครื่องมือ) ที่ปรากฏขึ้นเมื่อมีการป้อน / ป้อนองค์ประกอบอื่นด้วยเมาส์เท่านั้น องค์ประกอบที่ปรากฏจะปรากฏให้เห็นผ่านเหตุการณ์ mouseenter ของ jQuery ฉันไม่สามารถตรวจสอบคำแนะนำเครื่องมือได้เนื่องจากคำแนะนำเครื่องมือจะหายไปเมื่อเมาส์ของฉันออกจากองค์ประกอบที่มีอยู่ มีวิธีหยุดเหตุการณ์ JS ชั่วคราวเพื่อให้ฉันสามารถวางเมาส์บนองค์ประกอบจากนั้นหยุด JS ของเบราว์เซอร์ชั่วคราวและตรวจสอบได้สำเร็จหรือไม่ ยกตัวอย่างให้ลองตรวจสอบคำแนะนำทวิตเตอร์บูตของ: http://getbootstrap.com/javascript/#tooltips

26
จะตรวจสอบช่องทำเครื่องหมายทั้งหมดโดยใช้ jQuery ได้อย่างไร
ฉันไม่เชี่ยวชาญกับ jQuery แต่ฉันพยายามสร้างสคริปต์เล็ก ๆ น้อย ๆ สำหรับแอปพลิเคชันของฉัน ฉันต้องการทำเครื่องหมายในช่องทำเครื่องหมายทั้งหมด แต่ทำงานไม่ถูกต้อง ก่อนอื่นฉันลองใช้attrและหลังจากนั้นฉันก็ลองใช้propแต่ฉันทำอะไรผิดพลาด ฉันลองสิ่งนี้ก่อน: $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); แต่ไม่ได้ผล ถัดไป: ทำงานได้ดีกว่าโค้ดด้านบน $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); ทั้งสองตัวอย่างไม่ทำงาน JSFiddle: http://jsfiddle.net/hhZfu/4/

7
jQuery เลิกใช้ XMLHTTPRequest แบบซิงโครนัสแล้ว
เช่นเดียวกับคนอื่น ๆ เว็บไซต์ของฉันใช้ jQuery เมื่อฉันเปิดเครื่องมือสำหรับนักพัฒนาฉันเห็นคำเตือนที่ระบุว่า XMLHTTPRequest คือ เลิกใช้งานเนื่องจากผลกระทบที่เป็นอันตรายต่อประสบการณ์ของผู้ใช้ปลายทาง ฉันอ่านบางส่วนของเอกสารแต่มันค่อนข้างเป็นเทคนิค มีใครสามารถอธิบายผลของการเปลี่ยนจาก XMLHTTPRequest เป็น WHATWG ได้หรือไม่? กล่าวว่าเกิดขึ้นในปี 2555 นอกจากนี้เอกสารยังระบุด้วยว่า Synchronous XMLHttpRequest ภายนอกคนงานกำลังอยู่ในขั้นตอนการลบออกจากแพลตฟอร์มเว็บเมื่อเป็นเช่นนั้นหากตัวแทนผู้ใช้มีพวกเขาในบริการพวกเขาจำเป็นต้องแก้ไขโค้ดที่มีอยู่หรือไม่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.