Hướng dẫn add onclick button javascript - thêm nút onclick javascript

Thí dụ

Thực hiện JavaScript khi nhấp vào nút:

Nhấp vào đây

Hãy tự mình thử »

---

Định nghĩa và cách sử dụng

Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

---

Trong javascript, sử dụng phương thức addEventListener ():

object.AdDeventListener ("Nhấp", MyScript);

Hãy tự mình thử »

---

---

Định nghĩa và cách sử dụng

Bubbles:	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.
Cancelable:	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.
Trong javascript, sử dụng phương thức addEventListener ():	object.AdDeventListener ("Nhấp", MyScript);
Chi tiết kỹ thuật HTML tags:	Đúng

---

Loại sự kiện:

MOUSEEVENT

Thẻ HTML được hỗ trợ:

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():
function myFunction() {
  document.getElementById("demo").style.color = "red";
}

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():
function myFunction(element, color) {
  element.style.color = color;
}

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():
function myFunction() {
  document.getElementById("field2").value =   document.getElementById("field1").value;
}

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}

object.AdDeventListener ("Nhấp", MyScript);

Chi tiết kỹ thuật

Đúng

Loại sự kiện:
  document.getElementById("myDropdown").classList.toggle("show");
}

Hãy tự mình thử »

---

MOUSEEVENT

Thẻ HTML được hỗ trợ:

Tất cả đều xuất hiện: ,,,,,,,,,,,,

Nhiều ví dụ hơn

Nhấp vào A để hiển thị ngày:

---

Mấy giờ rồi?

Nhấp vào phần tử để thay đổi màu văn bản:

Nhấp vào tôi để thay đổi màu sắc của tôi.

function myFunction () {& nbsp; & nbsp; document.getEuityById ("demo"). style.color = "red";}	Một ví dụ khác về cách thay đổi màu của một phần tử:	hàm myfunction (phần tử, màu) {& nbsp; Element.style.color = color;}	Nhấp để sao chép văn bản từ trường đầu vào này sang trường khác:	Sao chép văn bản	hàm myFunction () {& nbsp; document.getEuityById ("field2"). value = & nbsp; document.getEuityById ("field1"). value;}
Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.	Trong javascript, sử dụng phương thức addEventListener ():	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.	Sự kiện onclick xảy ra khi người dùng nhấp vào một phần tử.

---

6.7023 huy hiệu vàng36 Huy hiệu bạc56 Huy hiệu đồng

    Rock
    Paper
    Scissors
    

    

    

    DEBUG

Có vẻ như là một vấn đề phạm vi. Hãy thử loại bỏ VAR bên trong chức năng.

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

Anthonyanthony

356K24 Huy hiệu vàng93 Huy hiệu bạc159 Huy hiệu đồng

Các câu trả lời khác đang khắc phục một số vấn đề. Ngoài ra còn có một vấn đề với cách bạn gọi các chức năng khi bạn vượt qua

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

7 như một biến, bạn cần sử dụng một chuỗi:9 gold badges23 silver badges39 bronze badges

Trừ khi bạn khai báo các biến ở đâu đó nhưng nó không được hiển thị trong mã của bạn.Mar 16, 2013 at 22:11

    Rock
    Paper
    Scissors
    

    

    

    DEBUG

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:17

var user;
function choose(choice){
    user = choice;
}

function test(click){
    alert("You chose " + user);
}                         

RomainbergerromainbergerMar 16, 2013 at 22:18

llvkllvkllvk

2483 Huy hiệu bạc13 Huy hiệu Đồng3 silver badges13 bronze badges

1

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

1 được sử dụng để khai báo một biến. Bạn không cần phải khai báo biến

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

2 một lần nữa trong hàm

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

2. Bạn chỉ cần gán một giá trị để khai báo một.

var user; //declaration
function user(choice) {
    user = choice; //assignment
}

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:14Mar 16, 2013 at 22:14

Can Gelişcan GelişCan Geliş

1.4241 Huy hiệu vàng10 Huy hiệu bạc18 Huy hiệu đồng1 gold badge10 silver badges18 bronze badges

1

Một vấn đề:

var user = "none";
function user(choice){
    var user = choice;
}

Một biến của người dùng đang ẩn biến khác của người dùng.

Và có một chức năng và biến cùng tên là một ý tưởng tồi.

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:14Mar 16, 2013 at 22:14

Can Gelişcan GelişSteve Wellens

1.4241 Huy hiệu vàng10 Huy hiệu bạc18 Huy hiệu đồng2 gold badges25 silver badges67 bronze badges

Một vấn đề:

Một biến của người dùng đang ẩn biến khác của người dùng.

Và có một chức năng và biến cùng tên là một ý tưởng tồi.Mar 16, 2013 at 22:16

Steve Wellensteve WellensJohannes Pille

20.4K2 Huy hiệu vàng25 Huy hiệu bạc67 Huy hiệu Đồng4 gold badges25 silver badges27 bronze badges

0

Từ khóa

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

1 được sử dụng trong phạm vi của hàm sẽ khai báo một biến cục bộ mới.

    Rock
    Paper
    Scissors
    

    

    

    DEBUG



$(document).ready(function() {
    var user = "none";
    $(".user").click(function() {
       user = $(this).attr("data-name");
    });

    $("#test").click(function() {
       alert(user);
    });
});

Do đó, trong phạm vi toàn cầu,

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

2 giữ lại giá trị

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

6.

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:16Mar 16, 2013 at 22:31

Johannes Pillejohannes PilleLucky Soni

3.9634 Huy hiệu vàng25 Huy hiệu bạc27 Huy hiệu đồng3 gold badges36 silver badges56 bronze badges

2

Có thể thử cái này .. Cleaner Markup .. sử dụng jQuery

Và có một chức năng và biến cùng tên là một ý tưởng tồi.Mar 16, 2013 at 22:16

Steve Wellensteve WellensAnthony

20.4K2 Huy hiệu vàng25 Huy hiệu bạc67 Huy hiệu Đồng24 gold badges93 silver badges159 bronze badges

Từ khóa

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

1 được sử dụng trong phạm vi của hàm sẽ khai báo một biến cục bộ mới.

Rock

Do đó, trong phạm vi toàn cầu,

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

2 giữ lại giá trị

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

6.

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:16Mar 16, 2013 at 22:17

Johannes Pillejohannes Pilleromainberger

3.9634 Huy hiệu vàng25 Huy hiệu bạc27 Huy hiệu đồng2 gold badges33 silver badges51 bronze badges

3

Có thể thử cái này .. Cleaner Markup .. sử dụng jQuery

Rock
Paper
Scissors

http://jsfiddle.net/rqdbe/Mar 16, 2013 at 22:19

Đã trả lời ngày 16 tháng 3 năm 2013 lúc 22:31suspectus

Sonilucky Sonilucky8 gold badges46 silver badges54 bronze badges