Hướng dẫn how to call javascript function in html div tag - cách gọi hàm javascript trong thẻ div html

Cách dễ nhất mà tôi tìm thấy để đi 'thực sự' trong trường hợp này là gửi tất cả các sự kiện ở cấp độ tài liệu:

Tạo một đối tượng đơn giản và tải đối tượng này vào chính và các chế độ xem như:

var events = {someCustomEventFromMain:'someCustomEventFromMain', someCustomEventFromView:'someCustomEventFromView'}

Bây giờ bạn có thể kích hoạt các sự kiện trên tài liệu với jQuery như

$[document].trigger[events.someCustomEventFromMain, somedata];

Và bạn có thể lắng nghe từ bất kỳ chế độ xem hoặc div nào

$[document].on[events.someCustomEventFromMain, function[__e, __data]{
      //___e is the event emitted from __e.target
      //__data is the data object you wish to pass with the event
      //do something when event occurs

}];

Vì vậy, nếu mọi chỉ số lắng nghe một số sự kiện ở cấp độ tài liệu, trong trường hợp của bạn 'DrawEvent', điều đó sẽ thực hiện thủ thuật. Bạn thậm chí có thể truyền một tham số trong dữ liệu của sự kiện, như 'Circle'. Hi vọng điêu nay co ich.

Nếu chúng ta muốn gọi chức năng JavaScript trong HTML thì chúng ta phải làm theo các bước được đưa ra dưới đây. Sử dụng các bước này, chúng ta có thể dễ dàng truy cập chức năng JavaScript.

Bước 1: Đầu tiên, chúng ta phải nhập thẻ tập lệnh giữa lần bắt đầu và đóng thẻ ngay sau thẻ tiêu đề. Và sau đó, nhập chức năng JavaScript. Firstly, we have to type the script tag between the starting and closing of tag just after the title tag. And then, type the JavaScript function.

Bước 2: Sau đó, chúng ta phải gọi chức năng JavaScript trong mã HTML để hiển thị thông tin hoặc dữ liệu trên trang web. Vì vậy, chúng ta có thể gọi chức năng của JavaScript theo tên của nó trong thẻ đầu vào của thẻ biểu mẫu. After then, we have to call the javaScript function in the Html code for displaying the information or data on the web page. So, we can call the function of JavaScript by its name in the input tag of the form tag.

Bước 3: Và cuối cùng, chúng ta phải lưu tệp HTML và sau đó chạy tệp gọi chức năng JavaScript. And, at last, we have to save the Html file and then run the file which calls the JavaScript function.

Đầu ra của mã HTML trên được hiển thị trong ảnh chụp màn hình sau:

Roudra

12:03 tối ngày 25 tháng 11 năm 2008 [GMT 0]

Xin chào, tôi đang cố gắng gọi chức năng JavaScript từ trong thẻ div khi nhấp vào nó. Trong khi gọi hàm, tôi dự định sẽ truyền ID của Div như một đối tượng cho hàm được gọi. Tôi có mã dưới đây trong HTML. Sử dụng mã này, khi tôi nhấp vào DIV trong HTML, chức năng JavaScript không được gọi. Xin vui lòng tư vấn ...

	call a javascript function after load this div
	ID of this div is my_area
 

var checkDiv = setInterval[function[]{

var my_div_width = $["#my_area"].width[]; // find width

if[ my_div_width > 0] { 
	clearInterval[checkDiv];
	 	aTestFunction[];
	}
}, 10]; // check after 10ms every time

function aTestFunction[]{
	return "called";
}

document.querySelector['#my_area'].addEventListener['load', function[]{
  aTestFunction[];
}];

function aTestFunction[]{
	return "called";
}